UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

Firebase

【Firebase】.firebaseはignoreすべきか?

firebaseであるサービスをホスティングしようとしたところ、ビルドしてアップ後に次のようなファイルが生成されていた .firebase/hosting. ALPHANUM.cache ※ALPHANUMはランダムな文字列 これは何なのかとコミットするべきかを調査したところ同じことをstacko…

【Next.js】Firebase AuthenticationでGoogle認証

Next.jsとFirebase AuthenticationでGoogle認証を行いたい こちらの記事が参考になった qiita.com 手順 Firebase設定 firebaseのインストール コンテクストを使用して認証済みユーザをコンポーネント間で共有する _app.jsでページ初期化時にAuthProviderをラ…

【Firebase Hosting】Storybookを最短でホスティングする

StorybookをAppEngineStandardでappspotに公開していたが、使っていないときには落ちるとしてもAppEngineちょっとお高いので Firebase Hostingを利用することにする firebase.google.com Firebase CLIのセットアップ curl -sL https://firebase.tools | bash…

【Firebase】ソーシャルログインでポップアップウィンドウはおすすめできない

前回に引き続き、FirebaseAuth を使ったログイン認証でアカウントに複数の認証プロバイダをリンクさせることを試していたときのこと uga-box.hatenablog.com 既存のユーザーアカウントに紐付けたい認証プロバイダの認証情報をリンクさせるには、リンク先とな…

【Firebase】メールリンクと他プロバイダでログイン用のメールアドレスを紐づける

FirebaseでGoogleやFacebookなど、2つ以上のログイン方法をサポートしたい場合、少し工夫がいるみたい account-exists-with-different-credential エラーの処理より Firebase コンソールで [1 つのメールアドレスにつき 1 つのアカウント] 設定を有効にして…

【Firebase】初期設定を環境に応じて変更する

WebサービスでFirebaseを使う場合、Firebase SDKの初期設定をする必要がある こういうやつ const firebaseConfig = { apiKey: "abcdefghijklmnopqrstuvwxyz1234567890ABC", authDomain: "YOUR-PROJECT-NAME.firebaseapp.com", databaseURL: "https://YOUR-PR…

IndexedDBとは

Firebase Auth を使って認証を行った後、そのユーザがログイン中かどうかを判断するのに Firebase SDK は何を使って判断しているのかを探してみると、 どうやらブラウザ内のIndexedDB内に保存されている情報を利用していることがわかった ところで、このInde…