Instalación y Configuración en JavaScript

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

Requisitos previos

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

Crear una base de datos

  1. Navegue a la sección Base de datos en tiempo real de Firebase console . Se te pedirá que selecciones un proyecto de Firebase existente. Siga el flujo de trabajo de creación de la base de datos.

  2. Seleccione un modo de inicio para sus reglas de seguridad de Firebase:

    Modo de prueba

    Bueno para comenzar con las bibliotecas de clientes web y móviles, pero permite que cualquiera lea y sobrescriba sus datos. Después de la prueba, asegúrese de revisar la sección Comprender las reglas de la base de datos en tiempo real de Firebase .

    Para comenzar con el SDK web, Apple o Android, seleccione el modo de prueba.

    Modo bloqueado

    Niega todas las lecturas y escrituras desde clientes web y móviles. Sus servidores de aplicaciones autenticados aún pueden acceder a su base de datos.

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

    Dependiendo de la ubicación de la base de datos , la URL de la nueva base de datos tendrá una de las siguientes formas:

    • 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. Haga clic en Listo.

Cuando habilita Realtime Database, también habilita la API en Cloud API Manager .

Configurar reglas de seguridad de bases de datos en tiempo real

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

Agregue el SDK JS de Realtime Database e inicialice Realtime Database

Debe especificar la URL de su base de datos en tiempo real al inicializar el SDK de JavaScript.

Puede encontrar la URL de su base de datos en tiempo real en la sección Base de datos en tiempo real de Firebase console . Dependiendo de la ubicación de la base de datos , la URL de la base de datos tendrá una de las siguientes formas:

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

Inicialice el SDK utilizando el siguiente fragmento de código:

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

API con espacio de nombres 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();

¡Estás listo para comenzar a usar Firebase Realtime Database!

Próximos pasos