Cara Membuat Authentikasi Dengan Firebase Part 4

Tugas selanjutnya sudah menanti. tugas kali ini kita akan pindah kebagian fungsi berikutnya yaitu membuat proses login di function handleLogin sebelumnya kita sudah menuliskan sesuatu yaitu cetak tulisan di console

Tapi pada saat temen temen submit formnya maka formnya akan otomatis mereload atau redirect. Nah kita bisa cegah sifat bawaan dari html dengan memberikan object preventDefault()

Setelah itu baru kita bisa lakukan proses javascript. Tentu yang kita lakukan hampir sama jadi ambil input data email dan password nya 

Tapi bedanya disini metode yang kita gunakan bukan createUser tapi signInWithEmailAndPassword 

Apabila prosesnya berhasil ambil response dalam bentuk object data sedangkan kalo terjadi error maka console errorsnya untuk itu teman teman bisa copy paste kodenya sehingga menjadi seperti ini

Kemudian saya reload halamannya. terus masukkan email dan password yang invalid yaitu email yang belum terdaftar saya coba submit login 

Diconsole ada sebuah object yang menampilkan pesan kalo users is not found. 

Tentu pesan ini bisa kalian tampilkan ke users berupa notifikasi atau popup dengan menuliskan object error.message

Nah silahkan teman teman buat sendiri. Ini tugas dari saya, buat latihan teman teman karena itu semua adalah cara javascript yang sudah kalian pelajari bukan lagi bagian dari firebase. Selamat mencoba. Berbeda kalo passwordnya yang dimasukkan invalid atau tidak benar maka pesan errornya akan berbeda seperti ini

Sedangkan kalo email dan passwordnya benar atau valid sesuai data yang telah kita registrasikan. Saya submit login maka berhasil login, lagi lagi metode tersebut mereturn informasi data usersnya sebagai berikut

Saya yakin cukup mudah karena metode-metode yang dipakai sangatlah simple. Ini dia salah satu manfaat ketika kita menggunakan firebase.