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 banco de dados

  1. Acesse 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 as Firebase Security Rules:

    Modo de teste

    Ideal para dar os primeiros passos com as bibliotecas de cliente de dispositivos móveis e Web. No entanto, esse modo permite que qualquer pessoa leia e modifique os dados. Após o teste, leia a seção Noções básicas das regras do Firebase Realtime Database.

    Selecione o 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, ele também ativa a API no Gerenciador de APIs do Cloud.

Configurar o Realtime Database Security Rules

O Realtime Database oferece uma linguagem declarativa de regras 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.

É possível encontrar 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 este snippet de código:

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

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ê já pode começar a usar o Firebase Realtime Database.

Próximas etapas