Firebase Authentication Login with Google Kodular

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.

Firebase Authentication Login with Google Kodular
Firebase Authentication Login with Google Kodular

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

Desain aplikasi authentication firebase kodular
Desain aplikasi authentication firebase kodular

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.

Halaman dashboard firebase console
Halaman dashboard firebase console

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.

Tambahkan aplikasi ke firebase
Tambahkan aplikasi ke firebase

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.

download file google service json
download file google service json

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.

mengaktifkan metode login dengan email google di firebase
mengaktifkan metode login dengan email google di firebase

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

kode program login with google firebase authentication kodular
kode program login with google firebase authentication kodular

kemudian untuk kode program pada Screen2 di bawah ini

kode program pada Screen2 authentication firebase kodular
kode program pada Screen2 authentication firebase kodular

Setelah itu dilanjut untuk membuild aplikasi untuk merubah project menjadi bentuk apk sehingga dapat dijalankan. Berikut adalah hasil aplikasinya

Tampilan hasil aplikasi

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”.

Daftar pengguna yang telah masuk ke aplikasi firebase kodular
Daftar pengguna yang telah masuk ke aplikasi firebase kodular

Baiklah hanya ini saja tutorial kali ini, jika ada yang ingin ditanyakan kamu dapat memberikan komentar di bawah ini!

One comment

Leave a Reply

Your email address will not be published. Required fields are marked *