AngularFire2 OAuth2 mit Google bekommen Firebase Authorization Fehler

Question

Ich versuche, Google-Authentifizierung zu verwenden, um schriftliche Erlaubnis zu meinen Firebase-Daten zu erhalten. Obwohl ich glaube, dass ich die meisten Dinge konfiguriert habe, funktioniert es nicht, wenn ich versuche, eine Verbindung mit Google herzustellen, und ich bin mir nicht sicher, was ich als nächstes einstellen soll.

Anmelden Funktion auf meiner Seite:

import { AngularFireAuth } from 'angularfire2/auth'; 
import * as firebase from 'firebase/app'; 
... 
constructor(public navCtrl: NavController, public navParams: NavParams, public AFAuth: AngularFireAuth) { } 
... 
login() { 

    this.AFAuth.auth.signInWithRedirect(new firebase.auth.GoogleAuthProvider()) 
     .then(function(result) { 
      this.GoogleAccessToken = result.credential.accessToken;  // This gives you a Google Access Token. You can use it to access the Google API. 
      this.GoogleUser = result.user;       // The signed-in user info. 
      this.LoggedIn = true; 
      console.log('Logged In'); 
     }) 
     .catch(function(error) { 
      console.log('Error Logging In: ' + error) 
     } 
    ); 
} 

ich immer immer diese Fehlermeldung:

Error Logging In: Error: This app, identified by the domain where it's hosted, is not authorized to use Firebase Authentication with the provided API key. Review your key configuration in the Google API console. 

Notiere die meine Daten eingestellt ist nur zu lesen, und meine Anwendung greift auf alle Daten korrekt, Ich habe also die Verbindungszeichenfolgen von AngularFire Firebase korrekt.

Ich habe auch bestätigt, dass die Firebase.apiKey und Firebase.authDomain beide Einstellungen im Google API Manager entsprechen. Meine authDomain ist auch auf der Browser key (auto created by Google Service) als HTTP referrers (web sites) weiß aufgeführt.

Ich habe versucht, dies von meinem localhost mit Port Whitelist (Entwicklungsmaschine) und indem Sie den Code auf der Website, um es zu testen, und es schlägt auch fehl.

Alle Referenzen sind http://xxxxx.domain.com, ohne das www wie wir nicht auf unsere Anwendung von www.domain.com zugreifen.

Um die Referenzeinstellungen als mögliches Problem zu entfernen, habe ich den Referenzfilter auf None geändert. Dies führt jedoch zu einem Error 401, deleted_client. The OAth client was deleted.

Answer 1

Sie müssen einige Einschränkungen für Referrer auf Ihren Browser-API-Schlüssel haben. Navigieren Sie in der Google Cloud Console zu dem von Ihnen verwendeten Browser-Schlüssel, der in der Regel beschriftet ist (automatisch von Google-Diensten erstellt) und "Schlüsseleinschränkung" auf "Keine" setzt.