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

  1. Tambahkan dan konfigurasi SDK klien Firebase JavaScript ke aplikasi Anda.

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 Anda masih dapat mengakses database Anda.

  3. Pilih lokasi untuk database.

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

    • DATABASE_NAME.firebaseio.com (untuk databases 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 Realtime Database

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

Melakukan inisialisasi Realtime Database JavaScript SDK

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 berada dalam 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:

Web version 9 

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

// TODO: Replace with your app's Firebase project configuration
const firebaseConfig = {
  apiKey: "API_KEY",
  authDomain: "PROJECT_ID.firebaseapp.com",
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
  projectId: "PROJECT_ID",
  storageBucket: "PROJECT_ID.appspot.com",
  messagingSenderId: "SENDER_ID",
  appId: "APP_ID",
  // For Firebase JavaScript SDK v7.20.0 and later, `measurementId` is an optional field
  measurementId: "G-MEASUREMENT_ID",
};

const app = initializeApp(firebaseConfig);

// Get a reference to the database service
const database = getDatabase(app);

Web version 8 

// TODO: Replace with your app's Firebase project configuration
var firebaseConfig = {
  apiKey: "API_KEY",
  authDomain: "PROJECT_ID.firebaseapp.com",
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
  projectId: "PROJECT_ID",
  storageBucket: "PROJECT_ID.appspot.com",
  messagingSenderId: "SENDER_ID",
  appId: "APP_ID",
  // For Firebase JavaScript SDK v7.20.0 and later, `measurementId` is an optional field
  measurementId: "G-MEASUREMENT_ID",
};

firebase.initializeApp(firebaseConfig);

// Get a reference to the database service
var database = firebase.database();

Anda sudah siap menggunakan Firebase Realtime Database.

Langkah Berikutnya