Penginstalan & Penyiapan di JavaScript

Firebase Realtime Database adalah database yang dihosting di cloud. Data disimpan sebagai JSON dan disinkronkan secara realtime dengan setiap klien yang terhubung. Ketika Anda mem-build aplikasi lintas platform dengan SDK Android, platform Apple, dan JavaScript kami, semua klien Anda menggunakan satu instance Realtime Database yang sama dan secara otomatis menerima perubahan data terbaru.

Prasyarat

Jika Anda belum melakukannya, instal Firebase JS SDK dan inisialisasi Firebase.

Membuat Database

  1. Buka bagian Realtime Database di Firebase console. Anda akan diminta untuk memilih project Firebase yang ada. Ikuti alur kerja pembuatan database.

  2. Pilih mode awal untuk Aturan Keamanan Firebase Anda:

    Mode uji

    Cocok untuk memulai dengan library klien seluler dan web, tetapi memungkinkan siapa pun untuk membaca dan menimpa data Anda. Setelah melakukan pengujian, pastikan untuk meninjau bagian Memahami Aturan Firebase Realtime Database.

    Untuk mulai menggunakan Web, Apple, atau Android SDK, pilih mode pengujian.

    Mode terkunci

    Menolak semua pembacaan dan penulisan dari klien seluler dan web. Server aplikasi terautentikasi masih dapat mengakses database Anda.

  3. Pilih lokasi untuk database.

    Bergantung pada lokasi database, URL untuk database baru akan memiliki salah satu format berikut:

    • DATABASE_NAME.firebaseio.com (untuk database di us-central1)

    • DATABASE_NAME.REGION.firebasedatabase.app (untuk database di semua lokasi lain)

  4. Klik Done.

Saat Anda mengaktifkan Realtime Database, API di Pengelola Cloud API juga akan aktif.

Mengonfigurasi Aturan Keamanan Realtime Database

Realtime Database menyediakan bahasa aturan deklaratif, sehingga Anda dapat menentukan cara data disusun, diindeks, serta kapan data tersebut dapat dibaca dan ditulisi.

Menambahkan Realtime Database JS SDK dan melakukan inisialisasi Realtime Database

Anda harus menetapkan URL Realtime Database saat melakukan inisialisasi JavaScript SDK.

Anda dapat menemukan URL Realtime Database di bagian Realtime Database di Firebase console. Bergantung pada lokasi database, URL database akan memiliki salah satu format berikut:

  • https://DATABASE_NAME.firebaseio.com (untuk database di us-central1)
  • https://DATABASE_NAME.REGION.firebasedatabase.app (untuk database di semua lokasi lain)

Inisialisasi SDK menggunakan cuplikan kode berikut:

API modular web 

import { initializeApp } from "firebase/app";
import { getDatabase } from "firebase/database";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);


// Initialize Realtime Database and get a reference to the service
const database = getDatabase(app);

API dengan namespace web 

import firebase from "firebase/app";
import "firebase/compat/database";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);


// Initialize Realtime Database and get a reference to the service
const database = firebase.database();

Anda sudah siap menggunakan Firebase Realtime Database.

Langkah Berikutnya