Instalação e instalação Configuração em JavaScript

O Firebase Realtime Database é um banco de dados hospedado na nuvem. Os dados são armazenados como JSON e sincronizados em tempo real para cada cliente conectado. Quando você cria aplicativos multiplataforma com nossas plataformas Android, Apple e SDKs JavaScript, todos os seus clientes compartilham uma instância do Realtime Database e recebem atualizações automaticamente com os dados mais recentes.

Pré-requisitos

Se ainda não o fez, instale o Firebase JS SDK e inicialize o Firebase .

Crie um banco de dados

  1. Navegue até a seção Realtime Database do console do Firebase . Você será solicitado a selecionar um projeto existente do Firebase. Siga o fluxo de trabalho de criação de banco de dados.

  2. Selecione um modo de inicialização para suas regras de segurança do Firebase:

    Modo de teste

    Bom para começar a usar as bibliotecas de cliente móvel e web, mas permite que qualquer pessoa leia e substitua seus dados. Após o teste, revise a seção Entenda as regras do Firebase Realtime Database .

    Para começar a usar o SDK da Web, Apple ou Android, selecione testmode.

    Modo bloqueado

    Nega todas as leituras e gravações de clientes móveis e da Web. Seus servidores de aplicativos autenticados ainda poderão acessar seu banco de dados.

  3. Escolha um local para o banco de dados.

    Dependendo da localização do banco de dados , a URL do novo banco de dados estará em um dos seguintes formatos:

    • DATABASE_NAME .firebaseio.com (para bancos de dados em us-central1 )

    • DATABASE_NAME . REGION .firebasedatabase.app (para bancos de dados em todos os outros locais)

  4. Clique em Concluído .

Ao ativar o Realtime Database, ele também ativa a API no Cloud API Manager .

Configurar regras de segurança do Realtime Database

O Realtime Database fornece uma linguagem de regras declarativas que permite definir como seus dados devem ser estruturados, como devem ser indexados e quando seus dados podem ser lidos e gravados.

Adicione o Realtime Database JS SDK e inicialize o Realtime Database

Você deve especificar o URL do Realtime Database ao inicializar o SDK do JavaScript.

Você pode encontrar o URL do Realtime Database na seção Realtime Database do console do Firebase . Dependendo da localização do banco de dados , a URL do banco de dados estará em um dos seguintes formatos:

  • https:// DATABASE_NAME .firebaseio.com (para bancos de dados em us-central1 )
  • https:// DATABASE_NAME . REGION .firebasedatabase.app (para bancos de dados em todos os outros locais)

Inicialize o SDK usando o seguinte trecho de código:

API modular da 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 com namespace da 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();

Você está pronto para começar a usar o Firebase Realtime Database!

Próximos passos