Instalação e Configuração no 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 os nossos SDKs para Android, Apple e JavaScript, todos os seus clientes compartilham uma instância do Realtime Database e recebem atualizações automaticamente com os dados mais recentes.

Pré-requisitos

Instale o SDK do Firebase para JavaScript e inicialize o Firebase, caso ainda não tenha feito isso.

Criar um Database

  1. Navegue até a seção Realtime Database do Console do Firebase. Aparecerá uma solicitação para selecionar um projeto atual do Firebase. Siga o fluxo de trabalho de criação do banco de dados.

  2. Selecione um modo inicial para suas regras de segurança do Firebase:

    Modo de teste

    Esse modo é ideal para começar a usar as bibliotecas de cliente em dispositivos móveis e na Web, mas ele permite que qualquer pessoa leia e substitua os dados. Após o teste, leia a seção Noções básicas das regras do Firebase Realtime Database.

    Selecione "modo de teste" para começar a usar o SDK para Android, Apple ou Web.

    Modo bloqueado

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

  3. Escolha um local para o banco de dados.

    Dependendo do local, o URL do novo banco de dados terá 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.

Quando você ativa o Realtime Database, a API no Cloud API Manager também é ativada.

Configurar as regras de segurança do Realtime Database

O Realtime Database oferece uma linguagem de regras declarativas para que você defina como os dados devem ser estruturados e indexados, e quando podem ser lidos e gravados.

Adicionar o SDK do Realtime Database para JavaScript e inicializar o Realtime Database

Especifique o URL do Realtime Database ao inicializar o SDK para JavaScript.

Encontre o URL do Realtime Database na seção Realtime Database do Console do Firebase. Dependendo do local do banco de dados, o URL dele terá 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 snippet de código a seguir:

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();

Tudo pronto para você usar o Firebase Realtime Database.

Próximas etapas