Firebase Angular 4 Initialisieren basierend auf der Knotenumgebung

Question

Ich habe mein Angular 4-Projekt mit dem Angular CLI erstellt. Ich bin meine App auf Heroku bereitstellen, ich habe Heroku-Pipelines für Entwickler und Produktionsumgebung erstellt. Ich habe zwei Feuerbasis Datenbank Entwickler und Produktion, und ich möchte, dass meine Winkel 2 apps auf die Feuerbasis Datenbank basierend auf Heroku Konfigurationsvariablen

Ich suchte auf Google und fand diese answer hilfreich als @ Yoni-Rabinovitch vorgeschlagen verbinden eine HTTP senden Anforderung auf dem Knotenserver, nach der Umgebung zu suchen, wenn die App initialisiert wird.

Ich bin ein Anfänger in Angular 4 und Typoskript und alles, was ich implementieren muss, ist eine HTTP-Anfrage zu senden und das Firebase-Modul basierend auf der Antwort zu initialisieren.

app.module.ts

import { environment } from '../environments/environment'; 

@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    HttpClientModule, 
    FormsModule, 
    ReactiveFormsModule, 
    BrowserAnimationsModule, 
    AngularFireModule.initializeApp(environment.firebase) 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule {} 

Jede Hilfe sehr

geschätzt würde

Answer 1

Sie eine Funktion erstellen können, die Konfiguration zu erhalten:

import { environment } from '../environments/environment'; 

@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    HttpClientModule, 
    FormsModule, 
    ReactiveFormsModule, 
    BrowserAnimationsModule, 
    AngularFireModule.initializeApp(AppModule.getFirebaseConfig()) 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { 
    static getFirebaseConfig(): FirebaseAppConfig { 
    // do http request 

    // return correct correct configuration depending on http request 
    return environment.firebase; 
    } 
}