首页 > 解决方案 > angularfire2 firebase config在离子应用程序中动态切换

问题描述

我遵循https://github.com/angular/angularfire2/blob/master/docs/ionic/cli.md在我的 ionic 应用程序中使用 angularfire2

第 4 步和第 5 步在我的应用程序中如下所示

export const firebaseConfig = {
  apiKey: "XXXXXX",
  authDomain: "XXX.firebaseapp.com",
  databaseURL: "https://XXX.firebaseio.com",
  storageBucket: "XXXX.appspot.com",
  messagingSenderId: '542659015683'
};

@NgModule({
  declarations: [
    MyApp,
    HomePage,
    TabsPage,
    LoginPage
  ],
  imports: [
    BrowserModule,
    ComponentsModule,
    IonicModule.forRoot(MyApp),
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule,
    AngularFireAuthModule,
    HttpClientModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
...

以上工作正常。但是,我们希望在开发或生产模式下运行相同的应用程序。不同之处在于firebase端配置。

因此,计划使用应用程序中的开关来切换为开发或生产。在切换开关时,我们应该能够重新初始化 firebase 配置。这基本上将在下面重新执行,具有不同的 firebaseConfig 有效负载。

AngularFireModule.initializeApp(firebaseConfig),

请告知如何实现这一目标。

标签: firebaseionic-frameworkangularfire2

解决方案


推荐阅读