オンラインサポート

話したり、私たちの専門家にチャットやご質問への答えを得ます

チャットルームでチャットを有効にするためのFirebaseデータベースの設定方法?

Firebaseデータベースを簡単に設定し、チャットルームでチャットを有効にするには、以下の手順に従ってください。

ステップ1:Firebaseに移動してください。

ステップ2: Firebaseアカウントをお持ちの場合は、サインイン するか、アカウントを作成してください。

 

 

 

ステップ3:[Get Started]をクリックしてください。


 

 

 

ステップ4:[Create a Project]「プロジェクトを作成」をクリックしてください。

 

 

 

ステップ5(1/3):[Enter Your Project Name]「プロジェクト名」を入力、ボックスをチェックして、[Continue]「続行」をクリックしてください。

 

ステップ5(2/3):「Googleアナリティクスをプロジェクトに設定する」を選択し、[Continue]「続行」をクリックしてください。



 

ステップ5(3/3):「Googleアナリティクスアカウント」を選択するか、「プロジェクトを作成」をクリックして新しいアカウントを作成してください。



 

     

 

ステップ6:[Continue]「続行」をクリックしてください。


 

ステップ7:Firebaseを追加するには、Webアプリをクリックしてください。

 

 

 

ステップ9:アプリのニックネームを入力してください。


 

ステップ10:[アプリの登録]「Register app」をクリックしてください。

 

 

ステップ11:[Continue to Console]をクリックしてください。

 

 

 

 

ステップ12:[ビルド]「Build」メニューをクリックしてください。

 

 

 

ステップ13:[ビルド]「Build」メニューの[認証]「Authentication」をクリックしてください。

 

 

 

ステップ14:[Get Started]をクリックしてください。

 

 

 

ステップ15:[匿名]「Anonymous 」をクリックしてください。

 

 

 

ステップ16:匿名の有効化が完了したら、保存をクリックしてください。

 


 

ステップ17:「リアルタイムデータベース」「Realtime Database」をクリックして、[データベースの作成]「Create database 」をクリックしてください。

 

 

 

ステップ18:[↓]ドロップダウンメニューをクリックしてリアルタイムデータベースの場所を選択して、[次へ]「Next」をクリックしてください。

 

 

ステップ19:「有効化」「Enable」をクリックしてください。

 

 

 

ステップ20:Firebase URLをコピーして、Appy Pieの各フィールドに貼り付け、「ルール」「Rules」タブに切り替えてください。

 

ステップ21:コード全体を削除してください。

 

 

ステップ22:次のコードに変更してください:(下のイメージと同じで、まだ同じでない場合)、[パブリッシュ]「Publish」をクリックしてください。

{

  "rules": {

    ".read": "auth != null",

    ".write": "auth != null"

  }

}

 


 

ステップ23:[歯車]「Gear」アイコンをクリックしてください。

 


 

ステップ24:[プロジェクト設定]「Project settings」をクリックしてください。

 


 

ステップ25:左側のメニューの[Storage] (ストレージ)をクリックします。画面を下にスクロールしてください。 APIキー、認証ドメインキー、およびデータベースURLをコピーしてください。

 

 

 

 

   

ステップ26:[Get Started]をクリックしてください。 

 

 

 


 

ステップ27:[次へ]「Next」をクリックしてください。

 

 


 

 

ステップ28:[完了]「Done」をクリックしてください。

 

 

 ステップ29:[ルール]「Rules」をクリックしてください。次に、残りのストレージバケットURLの部分をコピーしてください。gs://を除外。

 

 

 

 

ステップ30:コード全体を削除してください。

 

 

 

 

 

ステップ31:次のコードを入力して、[パブリッシュ]「Publish」をクリックしてください。

service firebase.storage {

  match /b/{bucket}/o {

    match /{allPaths=**} {

      allow read, write;

    }

  }

}

 

 

 

 

 

 

ステップ32:Myアプリ → 編集 → チャットルームページに進んでください。Firebase データベースURL、オートドメイン、APIキーおよびストレージバケットを入力してください。

 

これを共有 :

この記事は役に立ちましたか