Ist es falsch, eine Firebase-App in mehreren Komponenten in Polymer zu initialisieren?

Question

Ich wähle die Verwendung des Javascript statt der Polymerfire, weil es besser dokumentiert ist, ich habe die Note-App ausgeführt, aber es gab mir nicht die vollen Fähigkeiten, die ich in Firebase verwenden möchte.

Ich verwende den Code

var config = { 
    apiKey: '<your-api-key>', 
    authDomain: '<your-auth-domain>', 
    databaseURL: '<your-database-url>', 
    storageBucket: '<your-storage-bucket>' 
}; 
firebase.initializeApp(config); 

in einer Auth-Komponente, die den Benutzer anmelden verantwortlich ist, aber ich muss den Überblick über die Auth-Status in anderen Komponenten zu halten, die Seiten in meiner app darstellt. Ich weiß nicht, ob es eine Möglichkeit gibt, die App global zu initialisieren, oder ob das Wiederholen der App-Initialisierung auf jeder Seite die beste Wahl ist. Was ich gerade mache, initialisiert die App in der Ready-Funktion der Komponente jeder Seite, die durch das Routing initialisiert werden kann.

Answer 1

Ich denke, dass der Polymer-Weg wäre, eine Komponente zu erstellen, die die von firebase.initializeApp zurückgegebene Anwendung exponieren.

Die hacky Weise hatte ich Unit-Test auf der Serverseite zu verwenden, in ist zu versuchen, die App zu bekommen, und wenn es fehlschlägt, ich initialisieren:

var app; 
try { 
    app = firebase.app(); 
} 
catch(e) { 
    app = firebase.initializeApp(...); 
} 

Answer 2

Wenn u Typoskript verwenden Sie das halten können Auth innerhalb der Klasse mit Singleton-Muster. Auf diese Weise wird nur ein einziges Objekt geteilt.

für Javascript - verwenden Sie die js aus der Typoskript-Datei generiert.