menu
arrow_back

Firebase を使用してサーバーレス ウェブアプリをビルドする

—/100

Checkpoints

arrow_forward

Create a Firebase project

Register your app

Set up authentication and a database

Add a customer page to your web app

Firebase を使用してサーバーレス ウェブアプリをビルドする

1時間 クレジット: 5

GSP643

Google Cloud セルフペース ラボ

画像

概要

GCP サーバーレス ワークショップ: Pet Theory のクエスト ラボでは、架空のビジネス シナリオを読み、登場人物によるサーバーレス移行計画の実行をサポートしていきます。

12 年前、Lily は Pet Theory という獣医クリニック チェーンを始めました。Pet Theory チェーンはここ数年で急速に拡大しました。古い予約システムでは、増加したトラフィックを処理したり、クライアントが自分の予約をスケジュールしたりできないため、Lily は IT 部門の Patrick とコンサルタントの Ruby に対して、簡単にスケーリングできるクラウドベースのシステムを構築するよう依頼しました。

前のラボ「データを Firestore データベースに移行する」では、Firestore を活用して顧客データをホストする方法を学習しました。このラボでは、ユーザーが情報をログに記録し、予約をリアルタイムでスケジュールできる本格的な Firebase ウェブアプリをビルドします。

アーキテクチャ

この図は、使用するサービスの概要と、それらがどのようにつながっているかを示しています。

arch.png

学習内容

このラボでは、次の方法について学びます。

  • GCP プロジェクトで Firebase API を有効にする。
  • Firebase プロジェクトを作成および構成する。
  • サーバー側の認証と承認が自動化されるように Firestore セキュリティ ルールを構成する。
  • Google ログインをウェブ アプリに追加する。
  • ユーザーが連絡先情報を追加できるようにデータベースを構成する。
  • ユーザーによる予約のスケジュールを可能にするコードを確認してデプロイする。
  • ウェブアプリで Firebase のリアルタイム アップデートを確認する。

要件

これは基礎レベルのラボです。このラボでは、GCP Console とシェル環境に慣れていることを前提としています。Firebase の使用経験は役立ちますが、必須ではありません。このラボを受講する前に、次の Qwiklab を完了しておくことをおすすめします。

さらに、ファイルの編集にも習熟している必要があります。任意のテキスト エディタ(nanoviなど)を使用するか、Cloud Shell の上部にあるリボンからコードエディタを起動できます。

ba731110a97f468f.png

準備ができたら下にスクロールし、手順に沿ってラボ環境をセットアップします。

Qwiklabs に参加してこのラボの残りの部分や他のラボを確認しましょう。

  • Google Cloud Console への一時的なアクセス権を取得します。
  • 初心者レベルから上級者レベルまで 200 を超えるラボが用意されています。
  • ご自分のペースで学習できるように詳細に分割されています。
参加してこのラボを開始