web-dev-qa-db-ja.com

Firebase:このドメインは許可されていません

Ionic/cordovaアプリケーションに最新のFirebase JS api( firebase.google.com からのAPI)を使用しており、index.htmlファイル内にそのコードを挿入してインポートしていました:<script src="https://www.gstatic.com/firebasejs/3.0.0/firebase.js"></script>。これは、controllers.js内でFirebaseを初期化するために使用した方法です(AngularJSを使用しています)。

firebase.initializeApp(config);

ただし、localhostのブラウザーでアプリを起動した後、次のエラーが常に表示されます。

エラー:このドメインは、FirebaseプロジェクトのOAuth操作に対して承認されていません。Firebaseコンソールから承認済みドメインのリストを編集してください。

firebase.js:71:1333

26
Kais

別のWebブラウザー内で127.0.0.1の代わりにlocalhostを使用して、この問題を解決しました。

また、同じ問題を抱えている人は、コンソールの「Auth」タブの「SETUP SIGN IN METHOD」に移動して、ドメインが「OAuthリダイレクトドメイン」にすでに存在することを確認する必要があります。

31
Kais

firebase console Authで->承認済みドメイン

enter image description here


必須(Googleクラウドコンソール-> API&サービス->資格情報):

enter image description here


must equal(api config):

enter image description here

11
Suliman Farzat

FireBase oAuthの使用に関する上記のリストおよび他のサイトですべてのオプションを試した後、私のために働いたソリューション

  1. https://console.cloud.google.com でログイン
  2. [APIとサービス]> [認証情報]に移動します

enter image description here

ここで、FireBaseに接続するアプリで使用しているAPIキーを見つけます

  1. カスタムドメインをHTTPリファラーに追加します

enter image description here

enter image description here

Androidまたはiosまたは3つすべてのメディアでアプリケーションを使用する場合、メディアごとにAPIキーを作成する必要があります。

7
iswak

Configの「authDomain」がfirebaseコンソールの「authDomain」と一致することを確認してください。 localhostでアプリを実行している場合、それがlocalhostに設定されており、Firebaseコンソールにlocalhostが存在することを確認してください。

認証->サインイン方法-> OAuthドメインのリダイレクト

var config = {
    apiKey: "...",
    authDomain: "...", // this should match the one on your firebase console
    databaseURL: "...",
    storageBucket: "",
};
firebase.initializeApp(config);
6
TheAppchemist

問題認証ドメインFirebase Locahost OAUTH2

Googleを使用している場合Chrome Identity Toolkit API DISABLEの問題を確認できます。GoogleCloudプロジェクトでこのAPIを有効にして、OAUTH Firebaseプロジェクトのサービス。

https://console.developers.google.com/apis/api/identitytoolkit.googleapis.com/overview?project=project-id