Firebaseのログインで表示されるアプリ名を変更

[mami-inuzuka]

参考：https://scrapbox.io/ci7lus/firebase_auth_%E3%81%A7_Google_%E9%80%A3%E6%90%BA%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%99%E3%82%8B%E3%81%A8%E3%81%8D%E3%81%AE%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E5%90%8D%E3%81%8C%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E5%90%8D%E3%81%9D%E3%81%AE%E3%81%BE%E3%81%BE%E3%81%99%E3%81%8E%E3%82%8B%E3%81%AE%E3%82%92%E6%B2%BB%E3%81%99%E6%96%B9%E6%B3%95

https://qiita.com/moyashidaisuke/items/285ad25d9d8c858cee58

やったこと

認証済みドメインの追加

Firebase のコンソールから追加するとおそらく自動的にGoogle Cloud Platform の方の設定にも追加される

承認済みの JavaScript 生成元と承認済みのリダイレクト URIを設定

環境変数を修正

const firebaseConfig = {
  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
  authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
  projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGE_SENDER_ID,
  appId: process.env.REACT_APP_FIREBASE_SENDER_ID,
}

authDomainに設定している環境変数を独自ドメインに変更

残TODO

https://firebase.google.com/docs/hosting/custom-domain