FirebaseWebコードラボをやってみた

Objective

「FirebaseWebコードラボ」を一通り試してみて、Firebaseの理解を深める。
https://firebase.google.com/codelabs/firebase-web?authuser=0#4

What I Do

基本的にはドキュメント通り進めただけ。途中、いくつか遭遇した内容だけ残しておく。いずれも手順ミスで発生したもであったが。

補足： 7. ユーザーサインインを設定する

Info: The current domain is not authorized for OAuth operations. This will prevent signInWithPopup, signInWithRedirect, linkWithPopup and linkWithRedirect from working. Add your domain (localhost) to the OAuth redirect domains list in the Firebase console -> Auth section -> Sign in method tab.

→ 上記エラーが発生した場合、ビルド「Autentication」の設定が適切かどうかを見直す。

補足: 10. 画像を送信する

TroubleShoot

There was an error uploading a file to Cloud Storage: FirebaseError: Firebase Storage: User does not have permission to access 'OOBREPYhr2gcV98fx3uQF3M9XaQ2/KP8I32fQgKab96LK9KKJ/lightweight.png'. (storage/unauthorized)

→ 上記エラーが発生した場合、「3のクラウドステージが有効にする」が、認証されたユーザーは誰でもCloudStorageに何でも書き込めることがでできる状態かを確認する。