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
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.
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"
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:
- connectez-vous à https://console.cloud.google.com
- Accédez à API et services> Informations d'identification
Une fois ici, localisez la clé API que vous utilisez dans votre application et qui se connecte à FireBase.
- Maintenant, ajoutez votre domaine personnalisé aux référents HTTP
Pour Android ou iOS ou pour avoir votre application sur les trois supports, vous devrez créer des clés API par support.
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);
in firebase console Auth -> Domaines autorisés
doit être égal (dans la console Google Cloud -> API et services -> informations d'identification):
doit être égal (dans api config):
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.