Masih seputar firebase, tutorial kali ini yaitu Firebase Authentication Login with Google Kodular yang mana kamu akan membuat sebuah aplikasi yang didalamnya terdapat sistem autentikasi, dimana sistem tersebut berguna untuk memastikan bahwa pengguna memiliki akses ke aplikasi.
Mungkin ada yang bertanya-tanya apa itu firebase authentication?
Firebase authentication adalah suatu metode kemanan yang diterapkan pada sebuah sistem atau aplikasi yang berguna untuk memastikan hak akses pengguna ketika pengguna membuka atau menggunakan aplikasi.
Dengan adanya firebase authentication ini dapat membantu seorang develop dalam membuat metode untuk mengkonfirmasi data pengguna untuk mengakses aplikasi. Pada firebase ini menyediakan banyak metode bagi pengguna untuk masuk ke sebuah aplikasi yang dibuat, bisa Login dengan email/password, akun google, akun facebook, akun twitter, akun github dan lain-lain.
Baca juga : Upload gambar ke firebase kodular
Namun pada tutorial kali ini akan menggunakan sistem autentikasi dari firebase dengan akun google.
Tutorial aplikasi dengan firebase authentication login with google Kodular
Pertama-tama masuk ke Kodular, untuk membuat desain aplikasinya terlebih dahulu, untuk desain pada aplikasi kali ini saya membuat 2 buah screen, Screen1 untuk halaman Login dan Screen2 untuk halaman yang menampilkan data pengguna yang telah masuk ke aplikasi.
berikut dibawah ini adalah desain aplikasinya
Pada gambar di atas merupakan desain sederhana yang saya buat, tentunya kamu dapat membuat desain yang lebih bagus lagi. Adapun komponen yang paling penting yaitu komponen firebase Authentication.
Komponen ini lah yang menghubungkan aplikasi dengan sistem autentikasi yang ada di firebase. untuk menemukan komponen ini kamu dapat masuk kemu menu pallet dan pilih komponen google yang ada di Kodular.
Oke setelah proses desain selesai selanjutnya adalah..
Membuat firebase authentication
Untuk membuat autentikasi google dari firebase, kamu dapat mengunjungi firebase masuk menggunakan akun google setelah itu buat project baru dan masukkan nama projectnya. Lakukan prosesnya sampai kamu masuk ke halaman utama seperti di bawah ini.
klik logo android untuk menambahkan aplikasi ke firebase, kemudian selanjunya kamu akan diminta untuk membuat package name aplikasi dan kode sertifikat SHA 1 untuk mendapatkan file download google-service.json.
tulis nama paket nama aplikasi android kamu dengan format seperti ini com.namakamu.namaaplikasi berikan nama paketnya sesuai keinginanmu namun harus sesuai dengan format yang barusan saya buat. Setelah selesai membuat paket nama aplikasi selanjutnya yaitu copy package name aplikasi ke advance properties Screen1 di kotak package name.
Lihat gambar diatas, untuk mengetahui kode sertifikat SHA 1 dapat kamu temukan di menu “about” lalu klik “settings” dan kamu akan melihat kode keystore SHA 1. Copy kode SHA 1 dan tempel ke form “sertifikat penandatanganan debug” pada form firebase.
setelah itu klik “daftarkan aplikasi” kemudian lanjut download file google service json. Lihat gambar di bawah ini.
setelah download file google service json jangan lupa untuk upload ke asset di kodular agar komponen firebase authentication di kodular dapat bekerja.
Baca juga : CRUD Firebase App Inventor Kodular
kemudian klik “berikutnya” dan pada tahap ke 3 abaikan saja langsung klik “berikutnya” sampai ke tahap terakhir lanjut klik “Lanjutkan ke console”. Maka kamu akan masuk ke halaman dashboard firebase console.
ketika kamu sudah di halaman dashboard firebase console, selanjutnya kamu dapat klik menu “Authentication” kemudian klik “Sign-in method” untuk memilih dan mengaktifkan metode mana saja yang akan digunakan. Kemudian pilih akun google sebagai metode autentikasi dan masukkan email dukungan proyek, lihat gambar diatas.
Kode program firebase authentication kodular
setelah proses setting pada firebase authentication selesai maka dilanjut untuk membuat program pada aplikasi supaya aplikasi dapat berjalan sesuai keinginan.
Berikut di bawah ini adalah kode program pada Screen1
kemudian untuk kode program pada Screen2 di bawah ini
Setelah itu dilanjut untuk membuild aplikasi untuk merubah project menjadi bentuk apk sehingga dapat dijalankan. Berikut adalah hasil aplikasinya
berikut gambar di bawah ini adalah bukti bahwa jejak dari pengguna yang sudah login menggunakan aplikasi yang telah dibuat. Kamu dapat melihatnya di menu authentication lalu klik “user”.
Baiklah hanya ini saja tutorial kali ini, jika ada yang ingin ditanyakan kamu dapat memberikan komentar di bawah ini!
One comment