Firebase

投稿日: 2025年12月12日 | カテゴリー: Web制作

Googleのサービスだったとは知らなかった。
認証とデータベースの利用などGoogl Cloudが使えるようだ。

GitHubソース

FIrebase管理画面

https://console.firebase.google.com/

iframe.js:311 Info: The current domain is not authorized for OAuth operations. This will prevent signInWithPopup, signInWithRedirect, linkWithPopup and linkWithRedirect from working. Add your domain (makejapan.jp) to the OAuth redirect domains list in the Firebase console -> Authentication -> Settings -> Authorized domains tab.

  1. Firebaseコンソールにログイン
  2. プロジェクトを選択
  3. 左メニューから「Authentication」を選択
  4. 「Settings」タブを開く
  5. 「Authorized domains」セクションで「Add domain」をクリック
  6. makejapan.jpを入力して追加

注意:

  • makejapan.jpとwww.makejapan.jpは別ドメインとして扱われます。両方使う場合は両方追加してください。
  • ローカル開発用にlocalhostは通常デフォルトで含まれています。
    **設定後、数分で反映されます。反映後、ブラウザをリロードして確認してください。

現在のコードではsignInWithEmailAndPasswordとcreateUserWithEmailAndPasswordのみを使用しており、signInWithPopupやsignInWithRedirectは使用していません。そのため、この警告は表示されますが、現在のログイン機能には影響しません。

まとめ

  • 現在のログイン機能(メール/パスワード)は正常に動作します
  • 警告は、将来的にOAuth(Google、Twitterなど)を使う場合に必要です
  • 今すぐ対応する必要はありませんが、追加しておくと将来の拡張に便利です

Firebaseコンソールでmakejapan.jpを認証済みドメインに追加すれば、この警告は消えます。追加しない場合でも、現在のメール/パスワード認証は問題なく動作します。

課題

  • 運用ならバックアップすること
    • 自動と手動の方法(無料枠があるがデーターベースの種類によって従量課金となる)