Belajar React Native #6 : Menghubungkan Aplikasi dengan Real Time Database

React Native

Setelah sebelumnya kita sudah membuat tampilan untuk menambahkan/menginput data, saatnya kita juga membuat database untuk menyimpan data yg nantinya kita input pada tampilan yg sudah dibuat. Jadi untuk database penyimpanannya kita masih menggunakan tools develop dari firebase yaitu real time database. Berikut tata cara menghubungkan aplikasi android kita dengan real time database dari firebase.

Menghubungkan Aplikasi Dengan Real Time Database

1. Setting Firebase 

Buka console firebase anda di firebase.google.com, lalu buka project yg sama dengan aplikasi android yg telah di hubungkan dengan authentication firebase. Setelah itu pilih tambahkan aplikasi > pilih web.

Setelah anda memilih untuk menambahkan aplikasi berupa web, isilah nama aplikasi untuk mendaftarkan aplikasi web tersebut.

Lalu anda copy kodingan yg bertanda merah seperti gambar dibawah ini. Kenapa kita tidak mengikuti tata cara dengan mengcopy semuanya? Karena untuk bagian firebase-app dan analytics kita sudah menambahkannya pada bagian authentication yg lalu.

2. Bagian Coding

Setelah anda mencopy codingan pada bagian setting firebase tadi, buatlah sebuah folder baru bernama config pada folder project aplikasi android anda  > buatlah folder FIREBASE > buatlah file index.js, lalu pastekan codingan yg tadi pada file tersebut. Contoh seperti gambar dibawah ini.

Setelah itu anda buka build.gradle di level app atau android/app/build.gradle. Lalu tambahkan codingan yg bertanda merah seperti gambar dibawah.

3. Buat Database

Buka kembali console project firebase anda > pada menu develop pilihlah real time database > Buat database > pilih waktu server yg akan digunakan pada database anda > pilih mulai dalam mode uji.

Maka dari itu real time database anda telah berhasil dibuat. Nantinya setiap data yg anda input akan tersimpan pada tabel. 

Itu saja untuk part #6 ini, yaitu persiapan database untuk crud aplikasi kita nanti.

~ Terima Kasih sudah melihat konten ini semoga bermanfaat, maaf apabila ada kesalahan dan kekurangan. ~