Blogger Jateng
Home / Tutorial

Cara Mengatur Database Firebase Realtime untuk Sinkronisasi Data Waktu Nyata

Basis data NoSQL yang dihosting di awan yang dapat digunakan oleh pengembang untuk menyimpan dan menyinkronkan data secara real-time. Ini sangat berguna untuk aplikasi yang membutuhkan pembaruan waktu nyata, seperti aplikasi obrolan, aplikasi kolaboratif, dan dasbor langsung. Dalam tutorial ini, kita akan membahas langkah-langkah untuk mengonfigurasi Firebase Realtime Database dan menggunakannya untuk sinkronisasi data secara real-time.

Langkah 1: Membuat Proyek Firebase

1. Masuk ke Firebase Anda harus masuk ke konsol firebase dan kemudian masuk dengan akun google Anda.

2. Buat Proyek Baru:

  • Dalam kebanyakan kasus, pilihannya adalah “Tambah Proyek” atau “Buat Proyek”.
  • Isi nama proyek Anda dan setujui persyaratan layanan.
  • Ketuk “Lanjutkan” dan ikuti petunjuk untuk menyelesaikan penyiapan.

3. Aktifkan Google Analytics (berguna untuk melacak metrik penggunaan dan kinerja): Anda dapat mengaktifkan Google Analytics saat membuat proyek, tetapi ini bersifat opsional. Jika Anda melakukannya, siapkan analisis.

sumber: afedigi.com

Langkah 2: Menambahkan Basis Data Realtime Firebase di Proyek Anda

1. Mengakses Realtime Database:

  • Kunjungi dasbor proyek Anda yang ada di konsol firebase.
  • Cukup klik “Build” dari bilah sisi kiri, dan pilih “Realtime Database”.

2. Membuat Basis Data:

  • Klik “Buat Database”.
  • Pilih lokasi database.
  • Pilih mode kesehatan: “Terkunci” (default) atau ‘Uji’.
  • Dalam mode uji, API tidak memberlakukan batasan untuk mempermudah pengembangan awal.
  • Mode terkunci perlu mengonfigurasi aturan keamanan tertentu.

Langkah 3: Siapkan Firebase di Aplikasi Anda

Firebase digunakan di berbagai platform dan terintegrasi di web, iOS, Android, dll. Berikut ini salah satu cara untuk menggunakannya di aplikasi Anda:

Untuk Aplikasi Web:

1. Daftarkan Aplikasi Anda:

  • Buka Konsol Firebase > “Pengaturan Proyek” > “Umum”.
  • Pilih “Tambah Aplikasi” di bawah “Aplikasi Anda” dan pilih opsi web.
  • Saat Anda mengikuti petunjuknya, Anda akan mendaftarkan aplikasi Anda dan juga mendapatkan cuplikan konfigurasi Firebase.

2. Tambahkan Firebase SDK:

  • Impor Firebase JavaScript SDK ke dalam proyek Anda:

<script src="https://www.gstatic.com/firebasejs/9.17.1/firebase-app.js"></script>

<script src="https://www.gstatic.com/firebasejs/9.17.1/firebase-database.js"></script>

3. Inisialisasi Firebase:

  • Gunakan cuplikan konfigurasi yang disediakan selama penyiapan untuk menginisialisasi Firebase:

 import { initializeApp } from 'firebase/app';

import { getDatabase } from 'firebase/database';


const firebaseConfig = {

  apiKey: "YOUR_API_KEY",

  authDomain: "YOUR_AUTH_DOMAIN",

  databaseURL: "YOUR_DATABASE_URL",

  projectId: "YOUR_PROJECT_ID",

  storageBucket: "YOUR_STORAGE_BUCKET",

  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",

  appId: "YOUR_APP_ID",

};


const app = initializeApp(firebaseConfig);

const database = getDatabase(app);

Untuk Aplikasi Seluler:

1. Tambahkan Firebase SDK:

  • Untuk Android, Anda akan menyertakan Firebase ke dalam berkas build Anda.
  • iOS Menambahkan Firebase ke proyek Anda dengan CocoaPods.

2. Inisialisasi Firebase:

  • Ikuti dokumentasi platform yang sesuai untuk menyelesaikan penyiapan dan menginisialisasi Firebase.

Langkah 4: Membaca dan Menulis Data

Baca dan tulis dengan mudah dengan beberapa saluran: Basis Data Realtime Firebase

1. Menulis Data:

 import { ref, set } from 'firebase/database';


const dbRef = ref(database, 'users/123');

set(dbRef, {

  username: 'johndoe',

  email: 'johndoe@example.com',

  profile_picture: 'https://example.com/johndoe.jpg',

});

2. Baca Data:

import { ref, onValue } from 'firebase/database';


const dbRef = ref(database, 'users/123');

onValue(dbRef, (snapshot) => {

  const data = snapshot.val();

  console.log(data);

});

Langkah 5: Mengamankan Database Anda

Beberapa keamanan dan sangat penting ketika kita menggunakan Firebase Realtime Database. Tentukan bagaimana data dapat dibaca atau ditulis ke I/O:

1. Navigasikan ke Rules:

  • Buka Konsol Firebase dan arahkan ke bagian “Realtime Database”.
  • Klik pada tab “Rules”.

2. Tetapkan Aturan:

{

  "rules": {

    "users": {

      "$uid": {

        ".read": "auth != null && auth.uid == $uid",

        ".write": "auth != null && auth.uid == $uid"

      }

    }

  }

}

3. Uji Aturan: Validasi aturan keamanan Anda menggunakan simulator aturan bawaan Firebase.

Langkah 6: Memantau dan Mengoptimalkan

1. Aktifkan Pencatatan:

  • Gunakan alat pemantauan bawaan Firebase untuk melacak penggunaan dan performa.

2. Optimalkan Kueri:

  • Susun hirarki data Anda untuk meminimalkan transfer data dalam jumlah besar.
  • Gunakan teknik penomoran halaman atau penyaringan saat membaca data.

Kesimpulan

Firebase Realtime Database adalah alat yang ampuh untuk membangun aplikasi dengan kemampuan sinkronisasi data real-time. Dengan mengikuti langkah-langkah ini, Anda dapat mengatur dan mengonfigurasi database untuk proyek Anda secara efisien. Ingatlah untuk memprioritaskan keamanan dan skalabilitas seiring dengan pertumbuhan aplikasi Anda. Dengan implementasi yang tepat, Firebase dapat secara signifikan meningkatkan pengalaman pengguna aplikasi Anda.