ステップ1:Firebaseコンソールにアクセス

Firebaseを使い始めるには、Firebaseコンソールにアクセスする必要があります。

Firebaseコンソールへ

まだFirebaseプロジェクトをお持ちでない場合は、次のステップに進む前にプロジェクトを作成する必要があります。

ステップ2:Firebase Webアプリを作成

まず、Firebaseプロジェクト内にWebアプリを作成する必要があります。

  1. Firebaseコンソールから、プロジェクトを選択します
  2. プロジェクトの概要ページにあるWebアイコン (</>) をクリックします
  3. アプリにニックネームを付けます(例:「Golex Web App」)
  4. 「Firebase Hostingも設定する」のチェックボックスをオンにします
  5. 「アプリを登録」をクリックします

ステップ3:Firebase構成をコピー

アプリを登録すると、Firebaseが構成の詳細を提供します。これは、アプリがどのFirebaseプロジェクトに接続するかを認識する方法です。

  1. 「Firebase SDKを追加」の手順で、次のようなコードスニペットが表示されます。
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "your-project-id.firebaseapp.com",
  projectId: "your-project-id",
  storageBucket: "your-project-id.appspot.com",
  messagingSenderId: "123456789012",
  appId: "1:123456789012:web:abc123def456"
};
  1. この firebaseConfig オブジェクト全体をコピーします。後でGolexダッシュボードに貼り付ける必要があります

ステップ4:サービスアカウントキーをダウンロード

GolexがFirebaseプロジェクトのリソースに安全にアクセスできるようにするには、サービスアカウントキーが必要です。

  1. Firebaseコンソールで、プロジェクト設定(サイドバーの上部近くにある歯車アイコン)に移動します
  2. 「サービスアカウント」タブを選択します
  3. 「新しい秘密鍵を生成」ボタンをクリックします
  4. 「キーを生成」をクリックして確認します
  5. JSONファイルがコンピュータにダウンロードされます。このファイルを安全に保管してください!

ステップ5:必要な権限を設定

サービスアカウントがGolexと連携するには、特定の権限が必要です。

  1. Firebaseコンソールのサービスアカウントセクションからサービスアカウントの管理をクリックします
  2. サイドバーで、「IAMと管理」>「IAM」に移動します
  3. サービスアカウント firebase-adminsdk-[random-string]@[your-project-id].iam.gserviceaccount.com を見つけます
  4. 鉛筆アイコンをクリックして権限を編集します
  5. 次の役割を追加します。
    • Firebase Develop Admin

ステップ6:Golexに構成をアップロード

最後に、Golexダッシュボードですべてを接続しましょう。

  1. Golexアカウントにログインします
  2. Firebaseを接続するwebappに移動します
  3. ナビゲーションバーの「Firebaseを接続」ボタンをクリックします
  4. 「Firebase Config」フィールドに、ステップ3でコピーした構成オブジェクトを貼り付けます
  5. ステップ4でダウンロードしたサービスアカウントJSONファイルをアップロードします
  6. 「Firebaseを接続」をクリックします

以上です!Golex WebアプリがFirebaseに正常に接続されました。アプリケーションでFirebase機能を統合できます。

問題が発生した場合でも、ご心配なく!いつでもGolexサポートにお問い合わせください。