Check out what’s new from Firebase at Google I/O 2022. Learn more

Installation & Einrichtung in JavaScript

Die Firebase Realtime Database ist eine in der Cloud gehostete Datenbank. 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 Clients eine Realtime Database-Instanz und erhalten automatisch Updates mit den neuesten Daten.

Voraussetzungen

  1. Fügen Sie das Firebase-JavaScript-Client-SDK zu Ihrer App hinzu und konfigurieren Sie es.

Erstellen Sie eine Datenbank

  1. Navigieren Sie zum Abschnitt Echtzeitdatenbank der Firebase-Konsole . Sie werden aufgefordert, ein vorhandenes Firebase-Projekt auszuwählen. Folgen Sie dem Workflow zur Datenbankerstellung.

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

    Testmodus

    Gut für den Einstieg in die mobilen und Web-Client-Bibliotheken, aber jeder kann Ihre Daten lesen und überschreiben. Lesen Sie nach dem Testen unbedingt den Abschnitt Grundlegendes zu Firebase-Echtzeitdatenbankregeln .

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

    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 eines der folgenden Formate:

    • 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 Realtime Database aktivieren, wird auch die API im Cloud API Manager aktiviert.

Konfigurieren Sie Echtzeit-Datenbankregeln

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

Initialisieren Sie das Realtime Database JavaScript SDK

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 Code-Snippet:

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

Sie sind bereit, die Firebase Realtime Database zu verwenden!

Nächste Schritte