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

Cara-Membuat-Authentikasi-Dengan-Firebase-Part4-01

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()

Cara-Membuat-Authentikasi-Dengan-Firebase-Part4-02

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

Cara-Membuat-Authentikasi-Dengan-Firebase-Part4-03

Tapi bedanya disini metode yang kita gunakan bukan createUser tapi signInWithEmailAndPassword 

Cara-Membuat-Authentikasi-Dengan-Firebase-Part4-04

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

Cara-Membuat-Authentikasi-Dengan-Firebase-Part4-05

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

Cara-Membuat-Authentikasi-Dengan-Firebase-Part4-06

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

Cara-Membuat-Authentikasi-Dengan-Firebase-Part4-07

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

Cara-Membuat-Authentikasi-Dengan-Firebase-Part4-08

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

Cara-Membuat-Authentikasi-Dengan-Firebase-Part4-09

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

Cara-Membuat-Authentikasi-Dengan-Firebase-Part4-010

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

1 Februari 2020

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat