Membuat Aplikasi Android Login Register dengan Firebase Authentication

Membuat Aplikasi Android Login Register dengan Firebase Authentication

cara membuat login register apps android dengan firebase authentication

Kenalan sama firebase

Firebase merupakanan platform database buatan dari google, firebase punya banyak sekali fitur ada realtime database, cloud storage, analyticts dan salah satunya adalah firebase authentication. firebase auth ini digunakan untuk mengidentifikasi user, biasanya digunakan untuk register ke apps kita, di firebase auth juga ada banyak fitur, bisa membuat login / register dengan password/email, bisa juga hanya dengan no telp user. Parahnya lagi firebase ini bisa digunakan untuk kalian yang mau develop android, ios atau web apps.

Berhubung aku suka android maka sharing kali ini kita akan membahas bagaimana cara membuat aplikasi login register menggunakan firebase authentication. Langsung kita ke codelabs gaes..

Pertama buat project baru di android studio

cara membuat login register apps android dengan firebase authentication

Buat project baru di Firebase

Jika proses membuat project baru sudah selesai, sekarang silahkan kalian menuju ke firebase console di console.firebase.google.com.

Silahkan kalian login dengan akun google kalian, jika tidak punya akun google silahkan kalian buat dulu lah ya. jika berhasil masuk maka akan muncul tampilan seperti ini.

cara membuat login register apps android dengan firebase authentication (home google console)

Kemudian silahkan kalian klik Add Project , kemudian lengkapi form seperti gambar berikut

cara membuat login register apps android dengan firebase authentication (new project)

Selanjutnya silahkan klik create project, jika berhasil maka akan muncul tampilan seperti gambar berikut 

cara membuat login register apps android dengan firebase authentication (finishing new project)

Kemudian klik continue, sehingga kalian akan diarahkan ke dashboard project kalian sebagaimana persis seperti gambar berikut

cara membuat login register apps android dengan firebase authentication (dashboard project)

Silahkan kalian pilih platform Android tentunya karena kita kan mau membuat login register apps android dengan firebase authentication. Sehingga kalian akan diarahkan ke halaman config project seperti berikut

cara membuat login register apps android dengan firebase authentication (project configuration)

Silahkan kalian isi Android package name dengan nama package kalian, kalau yang lainnya hanya optional tidak diisi tidak apa-apa. Ups.. bagaimana cara tahu nama package apps? aku gak tau nih.. :(

Untuk mengetahui nama package aplikasi, silahkan kalian buka project kalian  kemudian cari file AndroidManifest.xml. sehingga kalian akan menemukan nama package. contohnya seperti gambar berikut

cara membuat login register apps android dengan firebase authentication (package name)

nama package saya = "io.github,bayu1993.loginregisterapps", kemudian kalian copy aja nama package kalian form register apps, kemudian klik register apps. Sehingga kalian akan dilemparkan ke tahap download config seperti gambar

cara membuat login register apps android dengan firebase authentication (dowload config)

Kemudian silahkan kalian langsung download sajah google-service.json. Kemudian copy paste ke directory / package app. Jika sudah klik next. Selanjutnya anda diminta untuk config firebase sdk seperti gambar berikut.

cara membuat login register apps android dengan firebase authentication (firbase sdk configuration for android)

Silahkan kalian copy saja classpath dan depedency diatas sesuai arahan  dari firebase, untuk classpath silahkan copy paste ke build gradle yang ada di luar folder app. sedangkan depedency silahkan kalian copy paste ke build.gradle yang ada di folder app. sehingga 2 file tersebut akan seperti ini.

cara membuat login register apps android dengan firebase authentication (level project)

cara membuat login register apps android dengan firebase authentication (level app)

Jika sudah di copy paste seperti diatas, silahkan klik sync now. tunggu hingga proses selesai, selanjutnya kembali ke console firebase silahkan klik next. Sehingga muncul tampilan seperti ini.

cara membuat login register apps android dengan firebase authentication (verify installation)

Untuk memeriksa firebase jalan di apps kita atau belum, silahkan kalian running apps kalian di device kalian. jika sudah di running dan selesai maka kalian akan menjumpai seperti gambar berikut.

cara membuat login register apps android dengan firebase authentication (verify success)

Yeee kita sudah selesai install firebase di apps kita. selanjutnya  kita bisa mulai menggunakan fitur yang ada di firebase. salah satunya firebase auth. Yuk langsung eksekusi gaes.

Memulai  Project Firebase Auth with Email/Password

Silahkan buka dashboard project firebase kalian kemudian kllik develop > Authentication > Sign-In Method sehingga muncul halaman seperti berikut.

cara membuat login register apps android dengan firebase authentication (sign in method on firebase project)

Nah bisa kalian lihat kan gaes betapa banyaknya methode sign in yang ditawarkan oleh firebase mulai dari email / password, no hp, sampai media social seperti twitter, fb, bahkan github.

Silahkan kalian pilih email / password dan klik enable. sehingga akan seperti ini.

cara membuat login register apps android dengan firebase authentication (email/ password auth config)

Kemudian silahkan kalian klik Android untuk melihat documentation untuk platform Android, disana sudah dijelaskan panjang tentang firebase auth dengan email dan password ini. silahkan anda baca-baca sahaja. Kemudian jangan lupa klik save. Selanjutnya kita balik lagi ke android studio karena yang di firebase console sudah selesai, ee tapi belum sih masih ada yang lain.

Menambahkan Dependency Baru

Silahkan anda tambahkan 2 dependency berikut pada build.gradle(level app).


Jika sudah jangan lupa untuk klik sync now.

Membuat Activity Login dan Register

Silahkan kalian buat terlebih dahulu 2 activity yaitu login dan register pada project kalian, caranya sudah tahu dong ya tinggal klik kanan pada folder app > new > activity. 

Jika sudah silahkan kalian buka src > main > res > layout > activity_register.xml dan edit seperti ini.

jika sudah silahkan kallian buka src > main > java > package_name > RegisterActivity.java dan edit seperti berikut

Membuat object untuk EditText Button dan FirebaseAuth

Silahkan kalian bikin object seperti ini

Instansiasi object

Setelah kita buat objectnya maka kita harus instansiasi, atau pengenalan object itu punya siapa sih, di oncreate silahkan bikin method initView(); kemudian kita bikin method tersebut dan isinya seperti ini.

Membuat aksi ketika button register di klik user

Silahkan kalian bikin method lagi namanya registerUser(); dan panggil method ini di onCreate, isi method tesebut adalah sebagai berikut.

Jika sudah kita akan coba running, tapi sebelum di running aplikasinya kita akan ubah terlebih dahulu AndroidManifest.xml agar activity register dijalankan pertama kali, ubahlah seperti berikut

Untuk full code untuk RegisterActivity.java adalah sebagai berikut

Baiklah silahkan kalian coba running aplikasinya, semoga error ya wkwkwk. silahkan di running jika tidak ada kendala maka akan seperti berikut ini.

      

Jika semua berjalan mulus maka di firebase console anda akan terdapat user yang telah register di apps kita seperti berikut.

cara membuat login register apps android dengan firebase authentication (user registered)

Yee kita sudah bisa membuat register user, selanjutnya kita akan membuat bagian login, sebenarnya pembuatan login itu hampir sama ketika membuat register, dari bagian layout sampai logicnya itu sama semua gan, jadi aku gk jelasin secara detail di sini karena udah dijelasin panjang lebar diatas. Oke gaes langsung eksekusi.

Membuat layout activity_login.xml

Silahkan kalian buka activity_login_xml di app > src > main > res > layout kemudian edit seperti kode berikut,

Membuat Logic ketika Login di LoginActivity.java

Jika sudah silahkan kalian buka LoginActivity.java, Silahkan kalian buat object yang diperlukan dan inisialisasi objectnya kemudian buat method yang diperlukan. semua sih hampir sama ketika di RegisterActivity.java. Sehingga nanti kodenya seperti ini.

Mengubah layout activity_main.xml

Silahkan kalian ubah sedikit layout main_activity seperti berikut


Mengubah MainActivity.java

Jadi pada activity login ketika user berhasil login maka akan menampilkan activity main dengan membawa data email dan password. Nah pas di Main Activity ini akan ditampilkannya email dan password user. Nah pas user menutup aplikasi maka system akan mengeksekusi perintah logout.

Ubah kode di MainActivity.java seperti berikut

Jika semua sudah selesai, silahkan kalian ubah sedikit AndroidManifest.xml seperti berikut

Okey semua sudah selesai silahkan coba kalian running di device kalian semoga tidak terjadi error ya.. Jika semuanya berjalan baik-baik saja maka apps akan jalan seperti berikut

Baiklah sharing terpanjang sejauh ini terimakasih banyak untuk kalian yang udah baca sampai akhir, selamat mencoba ya kawan, gampang banget sih menurut aku tinggal next-next aja, lain kali kita sharing lagi. Ups jangan lupa untuk like facebook fans page gue di web.facebook.com/myquotes10 , sekian dulu dari saya salam coding :)