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

Installation et configuration en JavaScript

La base de données Firebase Realtime 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 multiplateformes avec nos plateformes Android, Apple et nos SDK JavaScript, tous vos clients partagent une instance de base de données en temps réel et reçoivent automatiquement des mises à jour avec les données les plus récentes.

Conditions préalables

  1. Ajoutez et configurez le SDK du client JavaScript Firebase dans votre application.

Créer une base de données

  1. Accédez à la section Base de données en temps réel de la console Firebase . Vous serez invité à sélectionner un projet Firebase existant. Suivez le workflow de création de la base de données.

  2. Sélectionnez un mode de démarrage pour vos règles de sécurité Firebase :

    Mode d'essai

    Bon pour démarrer avec les bibliothèques de clients mobiles et Web, mais permet à n'importe qui de lire et d'écraser vos données. Après le test, assurez-vous de consulter la section Comprendre les règles de la base de données en temps réel Firebase .

    Pour démarrer avec le Web, Apple ou Android SDK, sélectionnez testmode.

    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.

    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)

  4. Cliquez sur Terminé .

Lorsque vous activez la base de données en temps réel, cela active également l'API dans Cloud API Manager .

Configurer les règles de base de données en temps réel

La base de données en temps réel fournit un langage de règles déclaratives qui vous permet de définir comment vos données doivent être structurées, comment elles doivent être indexées et quand vos données peuvent être lues et écrites.

Initialiser le SDK JavaScript de la base de données en temps réel

Vous devez spécifier l'URL de votre base de données en temps réel lors de l'initialisation du SDK JavaScript.

Vous pouvez trouver l'URL de votre base de données en temps réel dans la section Base de données en temps réel 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 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();

Vous êtes prêt à commencer à utiliser la base de données en temps réel Firebase !

Prochaines étapes