Belajar Membuat Form Login Android Studio Kotlin Dengan Firebase Authenticator

Halo sahabat setia syarif soden, ketemu lagi nih di blog ini. Pada kesempatan kali ini saya akan membuatkan tutorial Aplikasi Login Android Studio Kotlin Dengan Firebase untuk Pemula. Langsung saja kita ke tutorial.

Langkah-Langkah Membuat Aplikasi Login Form Android Studio Dengan Firebase

Pertama silahkan kalian membuat projek baru, disini saya menamai projek saya latihan login (buat projek dengan layout Empty Activity)

A. Membuat Koneksi Ke Firebase

• buka https://console.firebase.google.com/ lalu login dengan email kalian, setelah itu klik tombol Create a project

• setelah itu akan tampil gambar seperti dibawah, isikan nama projek di firebase kalian bebas

• pada gambar dibawah kalian akan ditanyakan apakah ingin memasang google analitycs di projek kalian, disini saya tidak mengaktifkannya, lalu kik create a project

• setelah itu tunggu hingga prosesnya selesai

• setelah proses selesai klik tombol continue, dan akan muncul tampilan seperti pada gambar dibawah

• klik gambar logo android dibawah text Get started by adding Firebase to your app, dan akan muncul tampilan seperti dibawah

• pada gambar diatas kolom pertama silahkan isi dengan nama project kalian di android studi, misal dalam project saya namanya com.example.latihan login, pada kolom kedua isikan nama project app di firebase kalian. untuk kode SHA dapat mengikuti tutorial dibawah.

• kembali ke android studia, klik tab gradle yang ada dikanan, klik logo gradle maka akan muncul kolom seperti pada gambar diatas, pada kolom tersebut isikan text signingReport dan enter, maka kode sha akan muncul(dapat dilihat pada gambar dibawah).

• selanjutnya kopikan kode SHA seperti pada gambar diatas (disini saya meng copy kode SHA1), selanjutnya kembali ke website firebase tdi dan pasteka kode SHA yang sudah didapatkan.

• klik register now, dan akan muncul tampilan seperti dibawah, klik download google-services.gson

• stelah file json tadi terdownload, pindahkan file tersebut pada project android studio (seret file ke file project>app), sesuaikan nama filenya, nama file json harus google-services.json lalu klik ok. 

• selanjutnya klik tombol tools>firebase.

• setelah itu akan mjuncul tampilan seperti gambar dibawah, klik pada pilihan realtime database>get started with reltime database[Kotlin].

• selanjutnya klik pilihan add the Realtime Database SDK to your app

• klik accept changes

• maka pilihan kedua akan tercengtang seperti pada gambar dibawah

• selanjutnya klik connect to databse>build

• klik ok

• maka kalian akan diRedirect ke halam website firebase

• klik project firebase yang telah kalian buat tadi, maka akan muncul gambar seperti dibawah, klik connect

• klik menu build pada website firebase (lihat gambar diatas)

• setelah itu klik tombol authentication, maka akan muncul tampilan seperti gambar dibawah

• klik get started maka akan muncul tampilan seperti gambar dibawah

• pilih Email/Password, karena disini saya kan membuat autentikasi email & password saja

• klik enable lalu kluk tombol save, maka akan muncul tampilan seperti pada gambar dibawah

• klik tombol add user dan isikan email serta password yang diinginkan (lihat gambar dibawah) dan klik add user

untuk pengkoneksian dan pembuatan autentikasi firebase selesai, kita lanjut koding Kotlin.

1. buka class MainActivity.kt lalu masukan kode dibawah:

2. Setelah itu silahkan buka MainActivity.kt, lalu masukan kode berikut ke dalam file MainActivity.kt:

jika terdapat error abaikan dulu.

3. Setelah itu buat class kotlin dengan nama HomeActivity, dan isikan kode dibawah:

jika terdapat error abaikan dulu.

4. selanjutnya kita beralih ke folder layout yang berada pada folder res>layout dan masukan kode dibawah pada layout activity_main.xml.xml::

5. buat layout baru dengan nama hactivity_home.xml pada folder res>layout dan masukan kode dibawah pada layuot activity_home.xml:

6. selanjutnya ganti kode pada file buil.gradle(Module:) menjadi seperti kode dibawah:

7. selanjutnya ganti kode pada file buil.gradle(Project:) menjadi seperti kode dibawah:

8. selanjutnya ganti kode pada AndroidManifest.xml menjadi seperti kode dibawah:

setelah kalian merubah kode file gradel maka kalian akan diminta melakukan sync gradel, klik notifikasi sync now setelah kalian merubah kode gradle.

DEMO Aplikasi Login Android Studio Kotlin Dengan Firebase Authenticator

Setelah aplikasi di jalankan, hasilnya akan seperti gambar screenshot dibawah ini:

Selesai. Kalian juga bisa membuat desain sesuai versi kalian, atau bisa juga mengganti tulisan keterangan sesuai dengan yang kalian inginkan. Bagaimana? Sudah paham kan? 

Saya juga membagikan file project aplikasi ini yang bisa kalian download melalui link berikut:

DOWNLOAD PROJECT

Sekian tutorial tentang Membuat Aplikasi Login User Sederhana di Android Studio Kotlin. Silahkan di coba dan jika ada pertanyaan, silahkan tanyakan melalui kolom komentar.

Semoga bermanfaat…

Berbagi :