前置き

もともとGitHub Pages にAngular サイトを公開していた。
正直不満はないが、なんとなくBaaS を使ってみたかった。
なので、Firebase に移行し、ついでにAnalytics を設定した時のメモがこちら。

本編

firebase cli の指示に従えばOK
あとはメインのブランチにマージしたらGitHub Actions が動きデプロイされる。

個人的に詰まったポイント

メモ

Hosting ではAngular 等のSPA ようにrewrites が設定できる。
- URL に対応しないやつはdestination に設定したファイルが得られる。
GitHub Actions 生成時にサービスアカウント(機械用のアカウント)とtoken も生成される。
- token はGitHub のsecrets に自動で登録されるので何もしなくてOK。
- このtoken は秘密にする必要がある。
プルリク時に実行されるGitHub Actions でプレビューが見れる。
- 本番と別のドメインでアクセスでき、動作確認ができる。しかもプルリクごとに別！

やったことを箇条書きにすると以下の通り

個人的に詰まったポイント

Firebase のコンソール画面からAnalytics を使おうとしたけど使えなかった。
- 原因:アプリを登録していなかった。
  - Project があって、その中にアプリがあって、そのアプリからの情報をもとにAnalytics が動く流れ。
  - なので、アプリがないとAnalytics も何もない。
Analytics が反応しなかった。
- 原因1:Secrets を設定し忘れていた。
  - いくつも設定する必要があり...
- 原因2:Analytics を正しく記載できていなかった。
  - 結局よくわかっていないのであとで勉強する予定。
Analytics のcookie がサードパーティーだった。
- chrome でも警告が出たし、firefox だとエラーが出ていた。
- だけど、どちらも閲覧ページの情報等は取得できていた。
- ちょっとよくわからないのであとで勉強する予定。

メモ

大分難しかった。
そして、分からないことがものすごくあった。

今回の記事は以上です。

前回記事はこちら

詳細見たい人はこちら