#firebase

SharedArrayBuffer updates in Android Chrome 88 and Desktop Chrome 92

クロスオリジン分離対応を実施

Firebase Auth Googleログイン時のリダイレクトドメインを変更する

CNAME追加とHostingの「カスタムドメインを追加」を行う

Firebase Emulator Suiteで起動しているFunctionsから本番のFirestoreにアクセスする

functionsのみエミュレータを使うようにするとできる

Firebase Functions呼び出し時に Error: function terminated. が発生した場合

firebase functions:logで詳細を確認できる

Local Emulator Suiteを使ってFirestoreのローカル開発を行う際に初期データ(seeds)を用意する

ローカル管理画面でDeveloperToolsを開くとwindow.firestoreが使える

「Unit testing security rules with the Firebase Emulator Suite」でセキュリティルールのtestを学ぶ

ローカルでセキュリティルールのtestができるようになったのはありがたい

Firebase FunctionsでPuppeteerを動かす

特別な設定なしで動かせた

FirebaseRTCを試す

300行程のコードで二者間ビデオチャット機能が作れるのはすごい

Firebase公式Github ActionsでPull RequestごとにHostingのプレビュー環境を作る

手軽にプレビュー環境で動作確認できるようになったので、継続的なアップデートがやりやすくなった

firebase hostingで301リダイレクト設定を行う

旧ブログから新ブログへリダイレクト

FirebaseのAPIキーにリファラー制限を設定したらAuthのGoogleログインがエラーになった

{project_id}.firebaseapp.comと{project_id}.web.appも許可する必要があった

Next.js on Firebase Hostingの際にページリロードすると404になる

trailingSlash設定を毎回忘れる

Firebase AuthのLocal EmulatorはAuthProviderに応じて適切なダミーユーザを生成してくれる

エミュレータのおかげでローカル開発がとてもやりやすくなった

Cloud BuildでFirebase Hostingのデプロイを行う

リポジトリへのpush以外をトリガーにしたい場合に使用

Firebase HostingのデプロイをWebhook(API)経由で行う

デプロイボタンが作れるようになった

Value for argument "dataOrField" is not a valid Firestore value. Cannot use "undefined" as a Firestore value

デフォルト設定だとundefinedをFirestoreに保存しようとするとエラーが発生する

Cloud Functions for FirebaseでStripeのWebhook Endpointを作る

onRequestでHTTP requestを受け取れるようにする

「Firebase productivity tips」を観た

ドキュメントに載っていないような細かいtipsが知れて良い

GitHub Actionsのワークフローを定期実行する

scheduleトリガーを設定する

Firebase FunctionsでonCallで実装しているにも関わらずCORSエラーが発生した場合

Cloud Functions(GCP)の管理画面を確認してみる

JestでFirestoreセキュリティルールのテストを書く

Github ActionsでCIを回せるようになった

Firebase Emulator SuiteをDocker on RaspberryPiで動かす

openjdkインストール前にmanディレクトリを作成しておかないとエラーになってしまう

GCPの課金上限緩和申請をした

50ドル分の料金を事前支払いする必要があった

Cloud Firestoreのbatchを使って一括書き込み

いいね及びいいね削除の際に、2つのサブコレクションに書き込みを行う必要があったのでbatchを利用した

Next.js + Firebase Functionsが同居するリポジトリでnext buildを実行するとエラーが発生

Type error: Cannot find module 'xxx' or its corresponding type declarations.

Firebase Functionsを呼び出す際にregion指定するとEmulatorではなく本番に接続してしまう

Emulator環境ではregionを指定しないようにした

Google Domainsで取得したドメインをFirebase Hostingのカスタムドメインに設定する

ルートドメインをカスタムドメインに設定する場合、リソースレコードは「@」を指定する

Firebase Hostingで動いているNuxt.jsプロジェクトにAnalyticsを導入する

gaメソッドをinjectするようにした

Github ActionでfirebaseプロジェクトをS3にデプロイする

deploymentブランチにpushしたら自動でs3にデプロイできるようになった

Firebase Hostingのキャッシュ設定をする

firebase.jsonに追記することで手軽にキャッシュ設定ができる

Firebase Hostingのリリース履歴を一括削除する

いつの間にか一括削除機能が追加されていた

Nuxt.jsのservice workerで環境変数を切り替えられるようにする

設定情報をハードコードしたくなかったので、ビルド時にnodeコマンドでファイル生成を行い環境変数を切り替えられるように対応した。

Firebase HostingでCache-Controlヘッダーを設定する

firebase.jsonに追記する