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
別のWebブラウザー内で127.0.0.1の代わりにlocalhostを使用して、この問題を解決しました。
また、同じ問題を抱えている人は、コンソールの「Auth」タブの「SETUP SIGN IN METHOD」に移動して、ドメインが「OAuthリダイレクトドメイン」にすでに存在することを確認する必要があります。
FireBase oAuthの使用に関する上記のリストおよび他のサイトですべてのオプションを試した後、私のために働いたソリューション
ここで、FireBaseに接続するアプリで使用しているAPIキーを見つけます
Androidまたはiosまたは3つすべてのメディアでアプリケーションを使用する場合、メディアごとにAPIキーを作成する必要があります。
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);
Googleを使用している場合Chrome Identity Toolkit API DISABLEの問題を確認できます。GoogleCloudプロジェクトでこのAPIを有効にして、OAUTH Firebaseプロジェクトのサービス。