web-dev-qa-db-fra.com

Firebase: Ce domaine n'est pas autorisé

J'utilise la dernière API Firebase JS (celle de firebase.google.com ) sur mon application Ionic/cordova et je l'importais en l'insérant dans le fichier index.html: <script src="https://www.gstatic.com/firebasejs/3.0.0/firebase.js"></script>. Et voici comment j’initialisais Firebase dans controllers.js (j'utilise AngularJS):

firebase.initializeApp(config);

Cependant, après avoir démarré l'application sur mon navigateur sur localhost: j'obtiens toujours l'erreur suivante: 

Erreur: Ce domaine n'est pas autorisé pour les opérations OAuth pour votre Projet Firebase. Modifiez la liste des domaines autorisés à partir du fichier Console Firebase.

firebase.js: 71: 1333

24
Kais

J'ai résolu ce problème en utilisant localhost au lieu de 127.0.0.1 dans un autre navigateur Web.

En outre, pour ceux qui rencontrent le même problème, ils doivent s’assurer que leur domaine est déjà présent dans "Domaines de redirection OAuth", en sélectionnant "CONFIGURER LA MÉTHODE D'INSCRIPTION" dans l'onglet "Auth" de la console. 

26
Kais

J'avais oublié d'ajouter mon domaine dans la liste des domaines autorisés.

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

Sélectionnez votre application et le menu Aller à gauche "Auth" 

Sélectionnez l'onglet "SIGN IN METHOD"

Ajoutez votre domaine dans "Domaines de redirection OAuth"

20
Adeem

La solution qui a fonctionné pour moi après avoir essayé toutes les options de la liste ci-dessus et d'autres sites concernant l'utilisation de FireBase oAuth était la suivante: 

  1. connectez-vous à https://console.cloud.google.com
  2. Accédez à API et services> Informations d'identification

 enter image description here

Une fois ici, localisez la clé API que vous utilisez dans votre application et qui se connecte à FireBase.

  1. Maintenant, ajoutez votre domaine personnalisé aux référents HTTP

 enter image description here

 enter image description here

Pour Android ou iOS ou pour avoir votre application sur les trois supports, vous devrez créer des clés API par support.

6
iswak

Assurez-vous que "authDomain" dans votre configuration correspond à celui de votre console Firebase. Si vous exécutez l'application sur localhost, assurez-vous qu'elle est définie sur localhost et que ce dernier existe sur votre console Firebase. 

Auth -> Méthode de connexion -> Domaines de redirection OAuth

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

in firebase console Auth -> Domaines autorisés

 enter image description here


doit être égal (dans la console Google Cloud -> API et services -> informations d'identification):

 enter image description here


doit être égal (dans api config):

 enter image description here

2
Suliman Farzat

Problème Domaine autorisé Firebase Locahost OAUTH2

Si vous utilisez Google Chrome, vous pouvez constater un problème avec l'API d'Identity Toolkit DÉSACTIVER. Vous devez activer cette API sur le projet de cloud Google pour obtenir des services OAUTH dans le projet Firebase.

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