Firebase memberikan kemudahan untuk developer dalam membuat aplikasi. Kita bisa menggunakan hosting, realtime database, cloud function, notifikasi, dan lain-lain secara terpadu hanya dengan layanan Firebase. Kita tidak perlu repot-repot menyewa server atau VPS untuk membuat suatu inovasi aplikasi berkualitas tinggi yang membutuhkan biaya mahal. Firebase menawarkan layanannya secara gratis untuk para pengembang skala kecil.
Autentikasi Google Menggunakan JavaScript
Firebase menawarkan model autentikasi yang bermacam-macam dan salah satunya adalah autentikasi menggunakan akun Google yang bisa dilakukan menggunakan API JavaScript. Dengan autentikasi ini, kita tidak perlu repot-repot membuat sistem untuk menampung pengguna sendiri. Semua itu sudah dibuatkan oleh Google melalui produknya, Firebase.
Langkah-langkah Autentikasi Google Pada Firebase
Sebelum kita dapat menggunakan Firebase pada aplikasi, kita perlu menambahkan script dependensi Javascript kedalam dokumen project kita. Adapun script yang perlu ditambahkan untuk memlakukan autentikasi ini adalah sebagai berikut:
Menambahkan Dependency Firebase
<script src="https://www.gstatic.com/firebasejs/4.9.0/firebase-auth.js"></script>
Tambahkan kode di atas di dalam tag <head> pada dokumen project yang sedang kita kerjakan.
Menambahkan Konfigurasi Project Firebase
Setelah dependency ditambahkan, selanjutnya kita tambahkan kode konfigurasi. Kode konfigurasi ini bisa didapat dari pengaturan project Firebase: Project Settings – Add App – Add Firebase to your web app.
Kode konfigurasi tersebut kurang lebih tampak seperti di bawah ini:
<script src="https://www.gstatic.com/firebasejs/4.10.0/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "API_KEY",
authDomain: "PROJECT_ID.firebaseapp.com",
databaseURL: "https://PROJECT_ID.firebaseio.com",
projectId: "PROJECT_ID",
storageBucket: "PROJECT_ID.appspot.com",
messagingSenderId: "SENDER_ID"
};
firebase.initializeApp(config);
</script>Tambahkan kode konfigurasi di atas tepat setelah kode dependency yang kita tambahkan sebelumnya.
Membuat Kode Untuk Login Menggunakan Google
Di bawah ini adalah contoh untk membuat autentikasi menggunakan Google.
function login(){
var provider = new firebase.auth.GoogleAuthProvider();
provider.addScope('https://www.googleapis.com/auth/contacts.readonly');
firebase.auth().languageCode = 'id';
firebase.auth().signInWithPopup(provider).then(function (result) {
// This gives you a Google Access Token. You can use it to access the Google API.
token = result.credential.accessToken;
// The signed-in user info.
user = result.user;
// ...
}).catch(function (error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
// The email of the user's account used.
var email = error.email;
// The firebase.auth.AuthCredential type that was used.
var credential = error.credential;
// ...
});
}Mengecek Status User Sudah Login Atau Belum
Untuk mengecek status user apakah sudah login atau belum, kita bisa menggunakan fungsi onAuthStateChanged(); Contoh penggunaannya adalah seperti di bawah ini:
firebase.auth().onAuthStateChanged(function (user) {
if(user==null){
login();
}else{
//user sudah login
}
});Demikianlah tutorial singkat untuk membuat autentikasi Google di Firebase menggunakan JavaScript. Jika ada kode yang tidak tampak/hilang, silahkan kunjungi langsung melalui browser karena pada Instant Article Facebook, biasanya kode-kode contoh tidak bisa ditampilkan.
