Real-Time Slack-Klon mit AngularFire

Question

Ich habe versucht, dieses Tutorial https://thinkster.io/angularfire-slack-tutorial#authenticating-users-using-angularfire

zu arbeiten und das Problem, das ich mit Firebase-Authentifizierung ist haben. Im Code keine Fehler gibt es, aber es will nicht mit Base und Fehlern verbinden ist:

Projects created at console.firebase.google.com must use the new Firebase Authentication SDKs available from firebase.google.com/docs/auth/ 

Ich weiß nicht, was zu tun ist, wenn jemand mit diesem spielt und kennt die Antwort, bitte sagen Sie mir Es stört mich die letzten 3 Tage.

Answer 1

Das Tutorial Sie mitlesen wurde für Firebase 2.x. geschrieben Auf firebase.google.com erstellte Projekte können nur die Authentifizierung von Firebase 3.x verwenden.

Sie müssen entweder ein aktualisiertes Tutorial finden (z. B. this Firebase codelab) oder ein Projekt auf der Firebase legacy console erstellen. Diese letzte Option ist nur verfügbar, wenn Sie Ihr Konto auch auf dieser älteren Konsole erstellt haben.

Answer 2

Haben Sie dieses Problem gelöst?

Es ist nicht zu kompliziert, ich bin mit dem thinkster Beispiel mit jetzt Firebase 3.x.

Kopieren Sie die Web-App-Konfigurationscode aus der Feuerbasis Konsole irgendwo in Ihrem Code (ich es am Anfang app.js) setzen:

var config = { 
    apiKey: "xxxxxx", 
    authDomain: "projectid.firebaseapp.com", 
    databaseURL: "https://projectid.firebaseio.com", 
    storageBucket: "projectid.appspot.com", 
}; 
firebase.initializeApp(config); 
var FirebaseUrl = firebase.database().ref(); 

ändern alle ref Variablen in dieses Format:

var channelMessagesRef = FirebaseUrl.child('channelMessages'); 

austauschen auth Funktionen gemäß:

https://github.com/firebase/angularfire/blob/master/docs/migration/1XX-to-2XX.md

(auch einige „Taste()“ hat mit „Schlüssel“ zu ersetzen)

Ich denke, es das ist. Wenn Sie auf Probleme stoßen, lassen Sie es mich wissen.

Auch eine andere Anmerkung:

Die Regeldatei falsch ist, gibt es einen Lesezugriff auf private Nachrichten an alle. Ich änderte es zu diesem:

"userMessages":{ 
    "$uid1":{ 
    ".read": "$uid1 === auth.uid", 
    "$uid2":{ 
     ".read": "$uid2 === auth.uid", 
     "$messageId":{ 
     ".read": "auth !== null && ($uid1 === auth.uid || $uid2 === auth.uid)", 
     ".write": "auth !== null && newData.child('uid').val() === auth.uid", 
     ".validate": "$uid1 < $uid2 && newData.child('timestamp').exists()", 
     "body":{ 
      ".validate": "newData.exists() && newData.val().length > 0" 
     } 
     } 
    } 
    } 
}