Установка и настройка в JavaScript

База данных Firebase Realtime — это база данных, размещенная в облаке. Данные хранятся в формате JSON и синхронизируются в реальном времени для каждого подключенного клиента. Когда вы создаете кроссплатформенные приложения с нашими платформами Android, Apple и JavaScript SDK, все ваши клиенты совместно используют один экземпляр базы данных реального времени и автоматически получают обновления с новейшими данными.

Предпосылки

  1. Добавьте и настройте клиентский SDK Firebase JavaScript в своем приложении.

Создать базу данных

  1. Перейдите в раздел Realtime Database консоли Firebase . Вам будет предложено выбрать существующий проект Firebase. Следуйте рабочему процессу создания базы данных.

  2. Выберите начальный режим для ваших правил безопасности Firebase:

    Режим тестирования

    Хорошо подходит для начала работы с мобильными и веб-клиентскими библиотеками, но позволяет любому читать и перезаписывать ваши данные. После тестирования обязательно ознакомьтесь с разделом « Понимание правил базы данных Firebase Realtime ».

    Чтобы начать работу с Интернетом, Apple или Android SDK, выберите тестовый режим.

    Заблокированный режим

    Запрещает все операции чтения и записи из мобильных и веб-клиентов. Ваши аутентифицированные серверы приложений по-прежнему могут получать доступ к вашей базе данных.

  3. Выберите место для базы данных.

    В зависимости от расположения базы данных URL-адрес новой базы данных будет иметь одну из следующих форм:

    • DATABASE_NAME .firebaseio.com (для баз данных в us-central1 )

    • DATABASE_NAME . REGION .firebasedatabase.app (для баз данных во всех других местах)

  4. Щелкните Готово .

Когда вы включаете базу данных в реальном времени, она также включает API в Cloud API Manager .

Настройка правил базы данных в реальном времени

База данных реального времени предоставляет язык декларативных правил, который позволяет вам определить, как ваши данные должны быть структурированы, как они должны быть проиндексированы и когда ваши данные могут быть прочитаны и записаны.

Инициализация пакета SDK JavaScript для базы данных реального времени

При инициализации JavaScript SDK необходимо указать URL-адрес базы данных реального времени.

Вы можете найти URL-адрес вашей базы данных в реальном времени в разделе «База данных в реальном времени» консоли Firebase . В зависимости от расположения базы данных URL-адрес базы данных будет иметь одну из следующих форм:

  • https:// DATABASE_NAME .firebaseio.com (для баз данных в us-central1 )
  • https:// DATABASE_NAME . REGION .firebasedatabase.app (для баз данных во всех других местах)

Инициализируйте SDK, используя следующий фрагмент кода:

Веб-версия 9

import { initializeApp } from 'firebase/app';
import { getDatabase } from "firebase/database";

// TODO: Replace with your app's Firebase project configuration
const firebaseConfig = {
  apiKey: "API_KEY",
  authDomain: "PROJECT_ID.firebaseapp.com",
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
  projectId: "PROJECT_ID",
  storageBucket: "PROJECT_ID.appspot.com",
  messagingSenderId: "SENDER_ID",
  appId: "APP_ID",
  // For Firebase JavaScript SDK v7.20.0 and later, `measurementId` is an optional field
  measurementId: "G-MEASUREMENT_ID",
};

const app = initializeApp(firebaseConfig);

// Get a reference to the database service
const database = getDatabase(app);

Веб-версия 8

// TODO: Replace with your app's Firebase project configuration
var firebaseConfig = {
  apiKey: "API_KEY",
  authDomain: "PROJECT_ID.firebaseapp.com",
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
  projectId: "PROJECT_ID",
  storageBucket: "PROJECT_ID.appspot.com",
  messagingSenderId: "SENDER_ID",
  appId: "APP_ID",
  // For Firebase JavaScript SDK v7.20.0 and later, `measurementId` is an optional field
  measurementId: "G-MEASUREMENT_ID",
};

firebase.initializeApp(firebaseConfig);

// Get a reference to the database service
var database = firebase.database();

Вы готовы начать использовать базу данных Firebase Realtime!

Следующие шаги