Create ChatApp with Firebase in Android — Part 2

Create Project and Setup We own Gradle and Firebase

Photo by tanialee gonzalez on Unsplash

Create New Project

1. Buka Android Studio, dan buatlah project baru.
2. pilih template -> Phone and Tablet ->Empty Activity -> klik Next.

3. di halaman “Configure Your Project” -> isi Nama(bebas) -> isi Nama Package(bebas) ->isi letak file(bebas) -> Bahasa/Languange(Kotlin) -> Minimum SDK(21) -> klik Finish.

4. Dan tunggu sampai project selesai indexing.

Setup Firebase and Gradle

A. Setting Firebase

1. Masuk ke Website Firebase, dan daftar bagi yg blm daftar.
2. jika sudah klik buat project baru -> Isi Nama Project Firebase.

3. Centang 3 box seperti pada gambar dibawah, dan klik Buat Project.

4. Setelah membuat project, akan tertuju pada halaman ini, dan klik “Tambahkan Aplikasi”.

5. Dan klik logo Android seperti gambar dibawah ini.

6. Dan isilah field sesuai pada gambar yg dibawah ini.

7. Jika ingin mengisi field seperti gambar yg diatas, silakan lihat gambar dibawah ini.

8. kemudian Download lah “google-service.json” nya, dan tambahkan file tersebut ke dalam projek di Android Studio, sesuai dengan penjelasan pada gambar dibawah.

B. Setting Gradle

1. Tambahkan Beberapa Gradle berikut di build.gradle level “Module: App”.

dependencies {
    implementation fileTree(dir: "libs", include: ["*.jar"])
    implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
    implementation 'androidx.core:core-ktx:1.1.0'
    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test.ext:junit:1.1.1'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'

    //Multidex
    implementation 'com.android.support:multidex:1.0.3'
    //Firebase Recomendation
    implementation 'com.google.firebase:firebase-analytics:17.4.4'
    implementation 'com.google.firebase:firebase-database:19.3.1'
    implementation 'com.google.firebase:firebase-auth:19.3.2'
    implementation 'com.google.firebase:firebase-storage:19.1.1'
    implementation 'com.google.firebase:firebase-firestore:21.5.0'
    implementation 'com.google.firebase:firebase-core:17.4.4'
}
apply plugin: 'com.google.gms.google-services'

dan juga tambahkan library berikut ke dalam dependencies nya :

//For Design Recomendation
implementation 'com.google.android.material:material:1.1.0'
//noinspection GradleCompatible
implementation 'com.android.support:support-v4:29.0.3'

Gunanya apa sih Library diatas??, Yuk mari disimak…

Library diatas adalah library Material Design, fungsinya adalah untuk membuat suatu sistem visual yang menyatukan pengalaman user pada seluruh platform & perangkat.

2. Setelah sudah tambahkan gradle diatas, jangan lupa untuk menambahkan satu gradle ini di build.gradle level “Project”.

classpath 'com.google.gms:google-services:4.3.3'

3. Kemudian klik “Sync Now” dan tunggu sampai prosesnya selesai.

C. Firebase Authentication

1. Pada Sidebar Firebase klik Authentication, dan pilih “Sign-in-method”.

2. Kemudian Aktifkan Email/Sandi, dan klik “Simpan”.

D. Firebase Database Realtime & Firestore

1. Klik Database pada Sidebar kiri.
2. Pilih Realtime Database -> Buat Database.

3. Pilih mode dalam Pengujian -> klik Aktifkan.

4. Kemudian ganti Realtime Database dengan Cloud Firestore.

E. Firebase Storage

1. Klik Storage -> klik “Mulai”.

Catatan : Jika setelah klik Mulai muncul PopUp, Klik Berikutnya -> Klik Selesai.

2. Lalu Pilih Rules dan Ubah kodenya menjadi seperti berikut, ketika selesai lalu Publikasikan.

Semoga Bermanfaat…. :)

Ingin Lanjut Membaca?

klik Link ini : Part 3