Cara Login dengan Facebook Pada Firebase Part 2

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

13 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 Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat