Ponte al día con lo más destacado de Firebase en Google I/O 2023. Más información

Instalación y configuración en JavaScript

Firebase Realtime Database es una base de datos alojada en la nube. Los datos se almacenan en formato JSON y se sincronizan en tiempo real con cada cliente conectado. Cuando compilas apps multiplataforma con nuestros SDK de plataformas de Apple, Android y JavaScript, todos tus clientes comparten una instancia de Realtime Database y reciben actualizaciones automáticamente con los datos más recientes.

Requisitos previos

Si aún no lo has hecho, instala el SDK de Firebase JS y, luego, inicializa Firebase.

Crea una base de datos

  1. Ve a la sección Realtime Database de Firebase console. Se te pedirá que selecciones un proyecto de Firebase existente. Sigue el flujo de trabajo para crear la base de datos.

  2. Selecciona un modo de inicio para las reglas de seguridad de Firebase:

    Modo de prueba

    Es el modo recomendado si recién comienzas a usar las bibliotecas cliente para dispositivos móviles y la Web, pero permite que todos lean y reemplacen tus datos. Después de que realices las pruebas, asegúrate de revisar la sección Comprende las reglas de seguridad de Firebase Realtime Database.

    Si quieres comenzar a usar los SDK de Apple, Android o la Web, selecciona el modo de prueba.

    Modo bloqueado

    Rechaza todas las operaciones de lectura y escritura de clientes móviles y web. Tus servidores de aplicaciones autenticados aún pueden acceder a tu base de datos.

  3. Elige una ubicación para la base de datos.

    Según la ubicación de la base de datos, la URL de la base de datos nueva tendrá uno de los siguientes formatos:

    • DATABASE_NAME.firebaseio.com (para bases de datos en us-central1)

    • DATABASE_NAME.REGION.firebasedatabase.app (para bases de datos en todas las demás ubicaciones)

  4. Haz clic en Listo.

Cuando habilitas Realtime Database, también se habilita la API en el Administrador de API de Cloud.

Configura reglas de seguridad de Realtime Database

Realtime Database proporciona un lenguaje de reglas declarativas que te permite definir cómo se deben estructurar los datos, cómo se deben indexar y cuándo se pueden leer y escribir.

Agrega el SDK de Realtime Database JS y, luego, inicializa Realtime Database

Debes especificar la URL de Realtime Database cuando inicialices el SDK de JavaScript.

Puedes encontrarla en la sección Realtime Database de Firebase console. Según la ubicación de la base de datos, la URL de la base de datos tendrá uno de los siguientes formatos:

  • https://DATABASE_NAME.firebaseio.com (para bases de datos en us-central1)
  • https://DATABASE_NAME.REGION.firebasedatabase.app (para bases de datos en todas las demás ubicaciones)

Inicializa el SDK con el siguiente fragmento de código:

Web version 9 

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 version 8 

import firebase from "firebase/app";
import "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
firebase.initializeApp(firebaseConfig);


// Initialize Realtime Database and get a reference to the service
const database = firebase.database();

Ya puedes comenzar a usar Firebase Realtime Database.

Próximos pasos