1 00:00:02,190 --> 00:00:08,710 Sekarang mari kita pastikan kita juga bisa masuk dan untuk itu di pembuat tindakan auth, jadi di folder aksi 2 00:00:08,710 --> 00:00:12,720 toko di file auth, kita bisa menduplikasi pembuat tindakan pendaftaran, 3 00:00:12,930 --> 00:00:18,210 menyalinnya dan mengganti nama salinan itu untuk login dan ini juga akan perlu sebuah email 4 00:00:18,220 --> 00:00:22,870 dan kata sandi tetapi itu akan mengirimkan permintaan ke URL yang sedikit berbeda. 5 00:00:22,870 --> 00:00:26,620 Jika Anda melihat dokumen resmi untuk masuk, ini 6 00:00:26,620 --> 00:00:30,370 adalah URL Anda. Sekarang mungkin terlihat hampir 7 00:00:30,490 --> 00:00:37,170 sama tetapi di sini, perbedaannya adalah kata ini, masuk dengan kata sandi, bukan mendaftar setelah kolon akun. 8 00:00:37,170 --> 00:00:40,380 Inilah yang perlu kita ubah untuk memiliki URL yang valid lagi 9 00:00:40,400 --> 00:00:46,110 dan tentu saja karena itu, Anda juga dapat memikirkan cara menggabungkan ini menjadi satu fungsi dan menggunakan kembali kode, saya 10 00:00:46,110 --> 00:00:51,750 akan secara eksplisit membiarkannya terpecah di sini untuk membuatnya sangat jelas bahwa kami memiliki dua fungsi terpisah di sini 11 00:00:51,750 --> 00:00:57,940 dan sekarang dengan itu, kami mengirimkan permintaan ke URL ini. Kami masih perlu melampirkan email, kata sandi, dan 12 00:00:57,970 --> 00:01:03,250 bidang token yang aman ini juga yang selalu benar dan kami akan mendapatkan kembali data 13 00:01:03,250 --> 00:01:08,630 yang sama seperti ketika kami mendaftar, hanya satu bidang tambahan yang pada dasarnya memberi tahu 14 00:01:08,650 --> 00:01:16,100 kami apakah email ini merupakan bagian dari akun yang ada. Jadi selain itu, kami mengirim data yang sama di sini, kami dapat membiarkannya 15 00:01:16,150 --> 00:01:17,160 apa adanya, kami 16 00:01:17,160 --> 00:01:22,300 ingin memeriksa ini di sini dan karena itu di sini, saya kemudian dapat juga mencatat data tanggapan saya. 17 00:01:22,300 --> 00:01:30,320 Tentu saja saya tidak ingin mengirim tindakan pendaftaran di sini, tetapi mengirim tindakan masuk baru setelah itu, meskipun kami juga tidak melakukan apa-apa di sana 18 00:01:30,340 --> 00:01:31,890 untuk saat ini, kami 19 00:01:31,900 --> 00:01:34,120 akan segera melakukannya, saya sudah dapat mengubah 20 00:01:34,120 --> 00:01:37,500 apa yang kami kirimkan . Dengan itu, mari kita lihat 21 00:01:37,510 --> 00:01:38,490 apakah itu 22 00:01:38,500 --> 00:01:44,290 berfungsi tetapi untuk ini tentu saja, beberapa perubahan pada layar auth diperlukan karena saat ini di 23 00:01:44,290 --> 00:01:51,190 sana, kita selalu ketika kita menekan tombol ini, kita selalu mendaftar sekarang dan itu bukan yang saya inginkan, bukannya selalu 24 00:01:51,190 --> 00:01:58,210 mendaftar, saya ingin mendaftar atau masuk tergantung pada mode mana kita berada dan mode ini harus dapat diubah dengan bantuan 25 00:01:58,210 --> 00:02:01,730 tombol ini yang memungkinkan kita untuk beralih di antara mode. 26 00:02:02,110 --> 00:02:07,990 Jadi untuk dapat beralih antar mode, kita perlu mengatur beberapa status tambahan di layar auth, pada dasarnya keadaan 27 00:02:07,990 --> 00:02:12,940 yang memungkinkan kita untuk mengetahui apakah kita dalam mode login atau mode sign up. 28 00:02:12,940 --> 00:02:22,560 Jadi di sini saya menggunakan negara saya dan saya mulai dengan false karena ini seharusnya mengatakan mendaftar dan set adalah mendaftar dan oleh karena itu memberitahu kita apakah 29 00:02:22,560 --> 00:02:28,300 kita sedang dalam mode mendaftar atau jika itu salah jika kita pada mode login pada dasarnya 30 00:02:28,300 --> 00:02:29,040 karena 31 00:02:29,040 --> 00:02:31,680 ini adalah dua mode yang kita miliki, kan? 32 00:02:31,710 --> 00:02:37,190 Jadi pendaftaran awalnya salah karena pada awalnya, saya ingin berada dalam mode masuk dan sekarang kita dapat 33 00:02:37,190 --> 00:02:42,450 menggunakan mendaftar untuk menentukan apa yang terjadi ketika kita menekan tombol masuk tetapi juga teks yang 34 00:02:42,480 --> 00:02:45,740 kita hasilkan di sana. Jadi mari kita mulai 35 00:02:45,790 --> 00:02:48,090 dengan teks, di sini saya tidak selalu ingin 36 00:02:48,140 --> 00:02:51,320 mengatakan masuk, sebaliknya saya ingin memeriksa apakah mendaftar benar, maka di 37 00:02:51,380 --> 00:02:57,020 sini saya ingin mengatakan mendaftar dan saya hanya ingin mengatakan masuk jika ini tidak benar dan di sini tentu 38 00:02:57,020 --> 00:03:00,350 saja, saya tidak selalu ingin mengatakan beralih untuk mendaftar, apa yang saya 39 00:03:00,350 --> 00:03:03,020 katakan di sini tergantung pada mode yang kita gunakan. 40 00:03:03,020 --> 00:03:13,050 Jadi di sini, saya sekarang akan menggunakan kembali ticks dengan switch to, sehingga di sini saya dapat menyuntikkan nilai dinamis yang sekarang tergantung 41 00:03:13,050 --> 00:03:20,190 pada adalah mendaftar dan kemudian nilai dinamis baik adalah string di mana saya mengatakan masuk karena 42 00:03:20,280 --> 00:03:25,340 jika mendaftar benar, kita beralih ke mode masuk atau jika mendaftar 43 00:03:25,470 --> 00:03:32,360 salah, kita beralih ke mode mendaftar karena kita berada dalam mode masuk, sehingga mengubah teks. 44 00:03:32,360 --> 00:03:39,890 Sekarang di sini di fungsi ini, saya ingin memanggil set adalah mendaftar dan pada dasarnya membalikkannya, untuk ini kita dapat 45 00:03:39,890 --> 00:03:47,000 menggunakan bentuk fungsi memperbarui ini di mana di sini kita mendapatkan status kita sebelumnya, jadi di mana saya melewatkan 46 00:03:47,000 --> 00:03:52,740 fungsi ke fungsi setter di sini dan Saya mengembalikan apa yang negara sebelumnya tidak. 47 00:03:52,880 --> 00:03:58,430 Jadi keadaan sebelumnya tentu saja adalah boolean karena dengan mendaftar, kami mengelola keadaan boolean yang 48 00:03:58,460 --> 00:04:00,390 awalnya salah dan sekarang di 49 00:04:00,620 --> 00:04:06,200 sini karena itu saya mendapatkan keadaan saat ini dan saya menetapkan yang sebaliknya sebagai keadaan baru. 50 00:04:06,200 --> 00:04:10,420 Jadi jika ini saat ini benar, saya setel ke false, jika itu salah saya setel ke true, 51 00:04:10,430 --> 00:04:11,980 itulah yang terjadi di sini. 52 00:04:12,810 --> 00:04:19,000 Sekarang kita hanya perlu memastikan bahwa hal-hal yang berbeda terjadi di sini dan untuk itu, saya akan mengganti 53 00:04:19,000 --> 00:04:28,060 nama ini dari mendaftar handler ke auth handler menjadi lebih umum dalam penamaannya dan tentu saja mengikat auth handler saya di sana dan sekarang di 54 00:04:28,810 --> 00:04:33,130 auth handler fungsi, kita dapat memeriksa di mode mana kita berada. 55 00:04:33,370 --> 00:04:37,180 Jadi di sini saya dapat memeriksa apakah pendaftaran itu benar dan jika 56 00:04:37,180 --> 00:04:45,110 itu masalahnya, maka tentu saja saya ingin mengirimkan tindakan ini, jadi tidak masalah. Jika itu tidak benar, saya ingin mengirimkan 57 00:04:45,110 --> 00:04:50,060 tindakan lain dan oleh karena itu kami bahkan dapat 58 00:04:50,060 --> 00:04:53,280 mengubah ini sedikit, mengirim ke 59 00:04:53,540 --> 00:04:57,890 sana dan menentukan tindakan kami di sini dan 60 00:04:57,890 --> 00:05:10,190 sekarang tindakan saya awalnya tidak ditentukan dan kemudian saya mengatur tindakan untuk ini atau saya mengatur action sama dengan auth action 61 00:05:10,190 --> 00:05:24,250 login dengan form input state value email dan form state input values password, seperti itu dan sekarang action adalah variabel yang bisa saya sampaikan untuk 62 00:05:24,580 --> 00:05:26,940 dikirim ke sana. 63 00:05:26,980 --> 00:05:33,880 Jadi saya selalu mengirimkan tindakan ini tetapi tindakan ini adalah hasil dari tindakan auth mendaftar atau login tindakan auth tergantung pada 64 00:05:33,910 --> 00:05:40,750 apakah kita dalam mode mendaftar atau dalam mode login. Dengan itu, kami benar-benar fleksibel dan sekarang jika 65 00:05:40,750 --> 00:05:48,860 kami menyimpan ini, jika saya beralih di sini, Anda melihat pembaruan teks di sini di Android juga dan karenanya sekarang jika 66 00:05:48,910 --> 00:05:56,390 saya beralih ke mode masuk, jadi jika ini mengatakan masuk dan saya mencoba masuk di sini, pastikan Anda memasukkan 67 00:05:56,390 --> 00:06:02,130 kredensial yang sama yang Anda gunakan sebelumnya untuk membuat ini dan saya menekan login, 68 00:06:02,130 --> 00:06:03,300 ini terlihat 69 00:06:03,300 --> 00:06:06,730 cukup bagus, saya mendapatkan output konsol saya di sini 70 00:06:06,840 --> 00:06:09,240 dengan data URL ini harus kembali. 71 00:06:09,240 --> 00:06:15,930 Jadi sepertinya itu berfungsi dan dengan itu, kami dapat mendaftar dan masuk tetapi tentu saja kami tidak melakukan 72 00:06:15,930 --> 00:06:17,930 apa-apa dengan token itu sekarang 73 00:06:17,970 --> 00:06:22,740 dan tentu saja kami juga tidak memiliki manajemen kesalahan atau manajemen negara pemuatan. 74 00:06:22,830 --> 00:06:24,690 Jadi ini adalah hal-hal yang juga harus kita tambahkan.