Cara Login dengan Facebook Pada Firebase Part 1

12/02/2020    Ekky Ridyanto    37     Website

Dibagian kedua ini kita akan menggunakan facebook sebagai sistem authentifikasinya, yang sebelumnya kita sudah berhasil melakukan login melalui google signin. Nah sekarang kita mau login lewat facebook sama seperti sebelumnya. Silahkan masuk kebagian menu authentication lalu ke tab sign-in method

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

Aktifkan tombol enablenya jika ingin menggunakan facebook signin. Tentu berbeda dari sebelumnya dibagian facebook kita disuruh mengisi beberapa permintaan yaitu App ID dan App Secretnya dari developer facebook. Jadi teman teman silahkan kunjungi link halaman developers.facebook.org https://developers.facebook.com

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

Artinya disini teman teman harus membuat sebuah platform facebook untuk mendapatkan id dan juga secretnya supaya bisa di integrasikan ke project firebasenya. pastikan kita harus login terlebih dahulu ke halaman facebooknya. setelah login baru kalian bisa pilih create app untuk membuat satu aplikasi 

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

Akan tampil popup untuk memberikan nama aplikasinya katakanlah namanya tutorial-firebase

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

Jika sudah klik tombol create app id

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

Berikutnya muncul popup untuk mengisi captcha yang dia minta sesuaikan dengan karakter yang didapat untuk pemeriksaan keamanan

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

Setelah itu baru di submit atau di kirim. Yups jika tidak ada kesalahan maka dia akan redirect kehalaman dashboard developers facebooknya

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

Dibagian halaman ini kita akan tambahkan product baru. salah satu yang akan kita tambahkan adalah facebook login. Produk login sosial nomor satu di dunia

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

Kita coba siapkan productnya untuk melakukan setup. Terus memilih platform untuk berbagai aplikasi yang kalian miliki

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

Saya pilih yang web dan masukkan site_url sebagai domain yang telah dibuatkan oleh auth firebasenya kemudian baru di save

Cara-Login-Dengan-Facebook-Pada-Firebase-Part1-010

Berikutnya yang kedua pilih setting atau pengaturan dibawah product facebook login 

Cara-Login-Dengan-Facebook-Pada-Firebase-Part1-011

Masukkan beberapa settingan mulai dari url redirect oauth

Cara-Login-Dengan-Facebook-Pada-Firebase-Part1-012

Copy link url auth handler sebagai redirect uri yang telah disediakan 

Cara-Login-Dengan-Facebook-Pada-Firebase-Part1-013

dan paste juga ke input uri validator seperti berikut

Cara-Login-Dengan-Facebook-Pada-Firebase-Part1-014

Setelah itu di simpan perubahannya. Nah sekarang teman teman sudah bisa menuliskan id dan secretnya di menu basic settings

Cara-Login-Dengan-Facebook-Pada-Firebase-Part1-015

Silahkan copy id aplikasinya

Cara-Login-Dengan-Facebook-Pada-Firebase-Part1-016

dan juga secretnya untuk memberi tahu ke firebasenya klo kita ingin menggunakan product facebook login

Cara-Login-Dengan-Facebook-Pada-Firebase-Part1-017

Kedua key itu paste di bagian firebasenya karena itu syarat untuk bisa login facebook melalui firebase

Cara-Login-Dengan-Facebook-Pada-Firebase-Part1-018

Jika sudah semuanya klik button save. Langkah pertama sudah kita siapkan pastikan tidak ada error. Kita akan lanjutkan di artikel berikutnya untuk mengimplementasikan login dengan facebook pada firebase. Terima kasih.

Artikel, Web Design, Javascript, HTML CSS, Tips dan Trik, 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