金子邦彦研究室情報工学全般Google FirebaseGoogle Firebase の Cloud Firestore (クラウド・ファイアストア)でプロジェクトの作成,コレクションやドキュメントの追加

Google Firebase の Cloud Firestore (クラウド・ファイアストア)でプロジェクトの作成,コレクションやドキュメントの追加

目次

  1. Google Firebase でできること
  2. クラウド・ファイアストア(Cloud Firestore)でサインインし,プロジェクトの選択画面まで
  3. クラウド・ファイアストア(Cloud Firestore)を扱うプロジェクトの新規作成
  4. データベースにコレクション、ドキュメントの追加

Google Firebase でできること

オンラインストレージ

[image]

データベース: Python, JavaScript と相性が良い.

[image]

その他、認証(ID,パスワード)など(セキュリティや課金に必要)

※ iOS, Android, Web で動く.使用には Google のアカウントが必要

クラウド・ファイアストア(Cloud Firestore)でサインインし,プロジェクトの選択画面まで

  1. Firebase の Web ページを開く

    https://firebase.google.com/?hl=ja

  2. 使ってみる (GET STARTED)」をクリック

    [image]
  3. google のアカウント(IDとパスワード)でログインする

    すでにログイン済みのときは,ログインのための画面が出ない.次へ進む.

  4. Firebase コンソールの画面に変わるので確認する

    [image]

クラウド・ファイアストア(Cloud Firestore)を扱うプロジェクトの新規作成

  1. Firebase コンソールの画面で、「プロジェクトを追加」をクリック

    ※ このとき、いつまで待っても画面が変わらないというときは、Webブラウザで「サインアウト」してもう1度やり直すとうまく行くかもしれません.

    [image]
  2. プロジェクトの追加

    まず、「地域/ロケーション」を展開する

    [image]

    次のように設定する

    [image]
  3. プロジェクトの作成が終了すると、画面が変わる。「次へ」をクリック

    [image]
  4. 画面が変わるので確認.

    まず、料金プランが「Spark プラン」になっていることを確認する. Spark プランは料金無料のプラン.

    [image]
  5. クラウド・ファイアストア(Cloud Firestore)を使いたいので使いたいので、「Cloud Firestore」をクリック

    [image]
  6. クラウド・ファイアストア(Cloud Firestore)のデータベースを作成したいので、Cloud Firestore の下の「データベースを作成」をクリック

    [image]
  7. クラウド・ファイアストア(Cloud Firestore)のセキュリティルールでは、 ロックモードかテストモードを選ぶ.

    ※ ここでは、試用することにしたい(公開したら問題のあるようなデータは入れずに、手軽に試してみたい)ので、 「テストモードで開始」を選び「有効にする」をクリック

    [image]
  8. データベースの作成が始まる。しばらく待つ。

    [image]
  9. データベースの作成が終わると、画面が変わるので確認する

    [image]

この画面で、データベースの確認、コレクションの追加、ドキュメントの追加を行うことができる。

[image]

データベースにコレクション、ドキュメントの追加

ここで行うこと

  1. コレクションを追加したいので「コレクションを追加」をクリック

    [image]
  2. 追加するコレクションのコレクションID(products) を設定して、 「次へ」をクリック

    [image]
  3. 追加するドキュメントについて、 フィールド: id, タイプnumber, 値1を設定する。 フィールドを追加したいので、「フィールドを追加」をクリック

    [image]
  4. 今度は、 フィールド: name, タイプstring, 値apple フィールドを追加したいので、「フィールドを追加」をクリック

    [image]
  5. 今度は、 フィールド: price, タイプnumber, 値100保存」をクリック

    [image]
  6. いま追加したドキュメントとコレクションを確認

    [image]