Firebase Realtime Database は、クラウドでホストされるデータベースです。データは JSON として保存され、接続されているすべてのクライアントにリアルタイムで同期されます。 Android、Apple プラットフォーム、JavaScript SDK を使用してクロスプラットフォーム アプリを構築すると、すべてのクライアントが 1 つの Realtime Database インスタンスを共有し、最新データの更新を自動的に受け取ります。
前提条件
Firebase JS SDK をまだインストールしていない場合は、インストールして Firebase を初期化します。
データベースを作成する
Firebase コンソールのRealtime Databaseセクションに移動します。既存の Firebase プロジェクトを選択するよう求められます。データベース作成ワークフローに従います。
Firebase セキュリティ ルールの開始モードを選択します。
- テストモード
モバイルおよび Web クライアント ライブラリの使用を開始するのに適していますが、誰でもデータの読み取りと上書きを行うことができます。テスト後、 「Firebase Realtime Database ルールを理解する」セクションを必ず確認してください。
Web、Apple、または Android SDK を開始するには、testmode を選択します。
- ロックモード
モバイルおよび Web クライアントからの読み取りと書き込みをすべて拒否します。認証されたアプリケーション サーバーは引き続きデータベースにアクセスできます。
データベースの場所を選択します。
データベースの場所に応じて、新しいデータベースの URL は次のいずれかの形式になります。
DATABASE_NAME .firebaseio.com
(us-central1
のデータベース用)DATABASE_NAME . REGION .firebasedatabase.app
(他のすべての場所のデータベース用)
[完了]をクリックします。
Realtime Database を有効にすると、 Cloud API Managerの API も有効になります。
Realtime Database ルールの構成
Realtime Database は、データの構造化方法、インデックスの作成方法、およびデータの読み取りと書き込みを行うタイミングを定義できる宣言型ルール言語を提供します。
Realtime Database JS SDK を追加して Realtime Database を初期化する
JavaScript SDK を初期化するときに、Realtime Database の URL を指定する必要があります。
Realtime Database の URL は、 Firebase コンソールのRealtime Databaseセクションにあります。データベースの場所に応じて、データベースの URL は次のいずれかの形式になります。
-
https:// DATABASE_NAME .firebaseio.com
(us-central1
のデータベースの場合) -
https:// DATABASE_NAME . REGION .firebasedatabase.app
(他のすべての場所のデータベース用)
次のコード スニペットを使用して SDK を初期化します。
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();
Firebase Realtime Database の使用を開始する準備が整いました。
次のステップ
Realtime Database のデータを構造化する方法を学びます。
アプリを起動する準備をします。
App Checkを有効にして、アプリのみがデータベースにアクセスできるようにします。
Google Cloud Console でプロジェクトの予算アラートを設定します。
Firebase コンソールで使用状況と請求のダッシュボードを監視して、複数の Firebase サービスにわたるプロジェクトの使用状況の全体像を把握します。より詳細な使用状況については、リアルタイム データベースの使用状況ダッシュボードにアクセスすることもできます。
Firebase の起動チェックリストを確認します。