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 au format JSON et synchronisées en temps réel avec chaque client connecté. Lorsque vous créez des applications multiplates-formes avec nos SDK Android, Apple et JavaScript, tous vos clients partagent une instance Realtime Database et reçoivent automatiquement les mises à jour avec les données les plus récentes.

Prérequis

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

Créer une base de données

  1. Dans la console Firebase, accédez à Bases de données et stockage > Realtime Database.

  2. Cliquez sur Créer une base de données.

  3. Sélectionnez un mode de démarrage pour vos Firebase Security Rules :

    Mode test

    Convient pour se familiariser avec les bibliothèques clientes mobiles et Web, mais permet à tout le monde de lire et d'écraser les données. Lorsque vous aurez terminé les tests, assurez-vous de passer en revue la section Comprendre les règles Firebase Realtime Database.

    Pour commencer avec 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.

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

    Selon l' emplacement de la base de données, l' URL de la nouvelle base de données se présentera sous l'une des formes suivantes :

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

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

  5. Cliquez sur OK.

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

Configurer Realtime Database Security Rules

Le Realtime Database fournit un langage de règles déclaratif qui vous permet de définir la structure de vos données, leur indexation et le moment où vos données peuvent être lues et écrites.

Ajouter le Realtime Database SDK JS et initialiser Realtime Database

Vous devez spécifier votre URL Realtime Database lorsque vous initialisez le 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 se présentera sous l'une des formes suivantes :

  • 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 dans 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 êtes prêt à commencer à utiliser le Firebase Realtime Database !

Étapes suivantes