Now Reading:

Bagian 7 Sign Up dan Login User Authentication

Bagian 7 Sign Up dan Login User Authentication

Step 4: Membuat Kode Program

Selanjutnya mari kita mulai membuat programnya. Silahkan buka project yang telah kita buat menggunakan Teks Editor (Visual Studio Code, Atom, Sublime, Dll).

Setelah project terbuka selanjutnya silahkan buat File baru pada folder Screens dengan nama LoginScreen.js

Setelah itu silahkan buka Terminal atau Cmd, arahkan ke project yang baru kita buat, atau bisa menggunakan Integrated Terminal yang terdapat pada Visual Studio Code dengan cara pilih tab View > Integrated Terminal atau juga bisa dengan menekan Alt + F12 maka terminal pada Visual Studio Code akan terbuka dibagian bawah.

 

Tampilan Terminal pada Visual Studio Code

 

Setelah terminal atau cmd terbuka, silahkan tuliskan perintah berikut di terminal :

dan

Kedua perintah di atas diperlukan karena kita akan menggunakan Firebase dan juga React Native Elements untuk memperindah view aplikasi kita.

Setelah itu silahkan tuliskan program berikut pada file LoginScreen.js yang sebelumnya telah kita buat :

Nilai dari “firebase.initializeApp” didapatkan dari Project Firebase yang sebelumnya kita buat di Console Firebase. silahkan perhatikan gambar berikut:

 

Setelah dipilih seperti yang ditunjuk pada gambar di atas, maka akan keluar Pop-Up seperti gambar di bawah ini, setelah itu silahkan Copy dan simpan di bagian LoginScreen.js sesuai dengan contoh program sebelumnya di atas.



Setelah itu pada bagian RootNavigator.js tambahkan Variabel Login untuk membuka Screen Login, sehingga programnya menjadi seperti berikut:

Baris yang ditambahkan adalah sebagai berikut :

 

Jika sudah maka aplikasi kita telah selesai, silahkan jalankan programnya maka akan diarahkan ke Menu Login :

Silahkan lakukan Sign Up (Masukkan Email dan Password).  Jika kita perhatikan pada Console Firebase di website, pada bagian Authentication akan bertambah Email sesuai yang kita masukan saat Sign Up serta Password yang telah terenkripsi.

Setelah itu Lakukan Login dengan email dan Password yang tadi kita buat. Jika berhasil dan sesuai, kita akan diarahkan ke Halaman Home/Main sesuai saat pertama kita coba Run Aplikasinya.

Demikin tutorial mengenai Sign Up & Login Firebase User Authentication .

Bantu kami untuk membagikan tutorial ini, agar orang lain juga bisa belajar belajar Mobile Apps dengan mudahnya. Happy koding

Konten developer untuk Mobile Development yang sangat mencintai mobile programming

Share This Articles