Cara Login dengan Facebook Pada Firebase Part 2

13/02/2020    Ekky Ridyanto    252     Website

Langkah berikut kita akan mengimplementasikan login dengan facebook pada firebase yang sebelumnya kita sudah setting aplikasi untuk mendapatkan app id dan app secretnya. Sekarang kita tinggal tambahkan satu button lagi untuk Login Facebook dihalaman htmlnya seperti ini

Cara-Login-Dengan-Facebook-Pada-Firebase-Part2-01

Seperti biasa kita akses si tombol fb nya dengan document by elemen id

Cara-Login-Dengan-Facebook-Pada-Firebase-Part2-02

Terus tambahkan event listener ketika di klik jalankan fungsi berikut ini 

Cara-Login-Dengan-Facebook-Pada-Firebase-Part2-03

Kemudian buat fungsi loginFb untuk mengimport atau meload provider dari facebook authnya 

Cara-Login-Dengan-Facebook-Pada-Firebase-Part2-04

Terus menuliskan metode yang sama yakni signInWithPopup

Cara-Login-Dengan-Facebook-Pada-Firebase-Part2-05

Nah dari pada kita buat metodenya berkali kali yaitu fungsi untuk login gmail dan fungsi untuk login facebook tentu jauh lebih bagus kalo diawalnya kita siapkan parameter dinamis disatu fungsi katakanlah nama fungsinya login terus berikan nama parameternya yakni provider sebagai berikut

Cara-Login-Dengan-Facebook-Pada-Firebase-Part2-06

Dengan kata lain nilai providernya sekarang tergantung yang diset

Cara-Login-Dengan-Facebook-Pada-Firebase-Part2-07

Nanti nama providernya akan di isi pada saat function login dipanggil. Tentu disini kita akan ubah sedikit logika programmingnya. Lakukan hal sama untuk login gmailnya

Cara-Login-Dengan-Facebook-Pada-Firebase-Part2-08

Berikut ini kode lengkapnya

Cara-Login-Dengan-Facebook-Pada-Firebase-Part2-09

Nah jadi itu dia cara login dengan facebook menggunakan firebase tentu sedikit berbeda untuk settingan diawalnya dimana kita harus memasukkan App ID dan Secretnya. Terima kasih

Artikel, Web Design, Javascript, HTML CSS, website, Firebase

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More