Cara Membuat Authentikasi Dengan Firebase Part 2

Hai, developer firebase. Mari kita lanjutkan kembali cara membuat authentikasi menggunakan firebase yang dimana tugas pertama sudah kita siapkan struktur HTML dan sedikit style CSS. Nah, pada bagian ini kita masuk ke tugas yang kedua yaitu meng-import object authentication milik firebase tapi sebelum itu dibagian script-nya kita perlu me-load firebase sdk terlebih dahulu.

Beserta script untuk auth firebase-nya.

Sekaligus mengatu konfigurasi firebase web

untuk melakukan firebase initializeApp.

Dan kemudian baru kita import object auth dari firebase-nya untuk melakukan authentikasi.

Lalu, di bagian berikutnya ada elemen-elemen yang kita butuhkan dengan mengakses id dari elemen dom-nya mulai dari inputan text yaitu email dan password.

Terus, untuk tombol button dari register-btn dan tombol logout-nya juga kita akses satu-satu.

Nah, masing-masing tombol tersebut akan diberikan sebuah event click artinya jika di klik salah satu button-nya maka lakukan function yang berbeda. Tentu untuk menambahkan sebuah event di javascript kita akan gunakan addEventListener. Berikut ini cara menuliskannya

Artinya, ketika button register diklik panggil method handleRegister tentu fungsi body-nya masih kosong.

Begitu juga dengan yang lain. Caranya sama, tambahkan addEventListener on click untuk tombol logout-nya

Ketika logout diklik, jalankan fungsi berikut. Kedua fungsi tersebut masih kosong. Kita belum melakukan apa apa. Kemudian sisanya tinggal buat untuk submit form login.

Lalu mengakses id-nya formnya melalui document object.

Terus tambahkan event on submit.

Ketika tombol login submit ditekan, maka panggil fungsi handleLogin untuk melakukan sesuatu. Untuk sementara kita console log dulu dengan tulisan submit login

Cukup itu saja kita buat sesimpel mungkin. Pokoknya di bagian ini kita sudah menyediakan beberapa fungsi untuk proses authentikasi mulai dari register, logout dan submit login. Selamat mencoba.