Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. Learn More

Instalação e configuração em JavaScript

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

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 automaticamente atualizações com os dados mais recentes.

Pré-requisitos

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

Criar um banco de dados

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

  2. Selecione um modo de início para suas regras de segurança do Firebase:

    Modo de teste

    Bom para começar com as bibliotecas de clientes móveis e da Web, mas permite que qualquer pessoa leia e sobrescreva seus dados. Após o teste, revise a seção Entender as regras do Firebase Realtime Database .

    Para começar com o SDK da Web, Apple ou Android, selecione o modo de teste.

    Modo bloqueado

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

  3. Escolha um local para o banco de dados.

    Dependendo da localização do banco de dados , o URL do novo banco de dados estará em uma das seguintes formas:

    • 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 habilitar o Realtime Database, ele também habilita a API no Cloud API Manager .

Configurar regras 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 SDK JS do Realtime Database e inicialize o Realtime Database

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

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

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

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

Próximos passos