Installation et configuration en JavaScript

Firebase Realtime Database est une base de données hébergée dans le cloud. Les données sont stockées sous forme JSON et synchronisé en temps réel avec chaque client connecté. Lorsque vous créez multiplate-forme avec nos plates-formes Android et Apple, et nos SDK JavaScript, toutes vos partagent une instance Realtime Database et reçoivent automatiquement avec les données les plus récentes.

Prérequis

Si ce n'est pas déjà fait, installez le SDK JS Firebase et initialisez Firebase.

Créer une base de données

  1. Accédez à la section Realtime Database de la console Firebase. Vous êtes alors invité à sélectionner un projet Firebase existant. Suivez le workflow de création de base de données.

  2. Sélectionnez un mode de démarrage pour votre Firebase Security Rules:

    Mode test

    Bon pour démarrer avec les bibliothèques clientes mobiles et Web, mais permet à n’importe qui de lire et d’écraser vos données. Lorsque vous aurez terminé les tests, passez en revue la section Comprendre les règles de Firebase Realtime Database.

    Pour commencer à utiliser le SDK Web, Apple ou Android, sélectionnez le mode test.

    Mode verrouillé

    Refuse toutes les lectures et écritures des clients mobiles et Web. Vos serveurs d'applications authentifiés peuvent toujours accéder à votre base de données.

  3. Choisissez un emplacement pour la base de données.

    En fonction du emplacement de la base de données, le L'URL de la nouvelle base de données se présentera sous l'une des formes suivantes:

    • DATABASE_NAME.firebaseio.com (pour bases de données dans us-central1)

    • DATABASE_NAME.REGION.firebasedatabase.app (pour les bases de données situées dans tous les autres emplacements)

  4. Cliquez sur OK.

Lorsque vous activez Realtime Database, cela active également l'API dans le Gestionnaire d'API Cloud.

Configurer Realtime Database Security Rules

Realtime Database fournit un langage de règles déclaratives qui vous permet d'effectuer les opérations suivantes : définir la façon dont vos données doivent être structurées, comment les indexer et à quel moment vos données peuvent être lues et écrites.

Ajoutez le SDK JS Realtime Database et initialisez Realtime Database

Vous devez spécifier votre URL Realtime Database lors de l'initialisation du SDK JavaScript.

Vous trouverez votre URL Realtime Database dans la section Realtime Database de la Console Firebase Selon l'emplacement de la base de données, l'URL de la base de données prend l'un des formats suivants :

  • https://DATABASE_NAME.firebaseio.com (pour les bases de données dans us-central1)
  • https://DATABASE_NAME.REGION.firebasedatabase.app (pour les bases de données de tous les autres emplacements)

Initialisez le SDK à l'aide de l'extrait de code suivant :

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

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

Vous pouvez maintenant utiliser Firebase Realtime Database.

Étapes suivantes