Installation & Einrichtung in JavaScript

Die Firebase Realtime Database ist eine in der Cloud gehostete Datenbank. Die Daten werden als JSON gespeichert und in Echtzeit mit jedem verbundenen Client synchronisiert. Wenn Sie plattformübergreifende Apps mit unseren Android-, Apple-Plattformen und JavaScript-SDKs erstellen, teilen sich alle Ihre Kunden eine Echtzeitdatenbankinstanz und erhalten automatisch Updates mit den neuesten Daten.

Voraussetzungen

Falls noch nicht geschehen, installieren Sie das Firebase JS SDK und initialisieren Sie Firebase .

Erstellen Sie eine Datenbank

  1. Navigieren Sie zum Abschnitt „Echtzeitdatenbank“ der Firebase-Konsole . Sie werden aufgefordert, ein vorhandenes Firebase-Projekt auszuwählen. Befolgen Sie den Workflow zur Datenbankerstellung.

  2. Wählen Sie einen Startmodus für Ihre Firebase-Sicherheitsregeln:

    Testmodus

    Gut für den Einstieg in die Mobil- und Web-Client-Bibliotheken, ermöglicht aber jedem, Ihre Daten zu lesen und zu überschreiben. Lesen Sie nach dem Testen unbedingt den Abschnitt „Verstehen der Firebase-Echtzeitdatenbankregeln“ .

    Um mit dem Web-, Apple- oder Android-SDK zu beginnen, wählen Sie den Testmodus.

    Gesperrter Modus

    Verweigert alle Lese- und Schreibvorgänge von Mobil- und Web-Clients. Ihre authentifizierten Anwendungsserver können weiterhin auf Ihre Datenbank zugreifen.

  3. Wählen Sie einen Speicherort für die Datenbank.

    Abhängig vom Speicherort der Datenbank hat die URL für die neue Datenbank eine der folgenden Formen:

    • DATABASE_NAME .firebaseio.com (für Datenbanken in us-central1 )

    • DATABASE_NAME . REGION .firebasedatabase.app (für Datenbanken an allen anderen Standorten)

  4. Klicken Sie auf Fertig .

Wenn Sie die Echtzeitdatenbank aktivieren, wird auch die API im Cloud API Manager aktiviert.

Konfigurieren Sie Echtzeit-Datenbanksicherheitsregeln

Die Echtzeitdatenbank bietet eine deklarative Regelsprache, mit der Sie definieren können, wie Ihre Daten strukturiert sein sollen, wie sie indiziert werden sollen und wann Ihre Daten gelesen und geschrieben werden können.

Fügen Sie das Realtime Database JS SDK hinzu und initialisieren Sie Realtime Database

Sie müssen Ihre Echtzeitdatenbank-URL angeben, wenn Sie das JavaScript SDK initialisieren.

Sie finden Ihre Echtzeitdatenbank-URL im Abschnitt „Echtzeitdatenbank“ der Firebase-Konsole . Abhängig vom Speicherort der Datenbank hat die Datenbank-URL eine der folgenden Formen:

  • https:// DATABASE_NAME .firebaseio.com (für Datenbanken in us-central1 )
  • https:// DATABASE_NAME . REGION .firebasedatabase.app (für Datenbanken an allen anderen Standorten)

Initialisieren Sie das SDK mit dem folgenden Codeausschnitt:

Modulare Web-API

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);

Web-Namespace-API

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();

Sie können jetzt mit der Verwendung der Firebase-Echtzeitdatenbank beginnen!

Nächste Schritte