Question

我们正在开发一款使用Firebase作为后端的Ionic混合应用程序。为此，我们使用的是npm包angularfire2。

我们有两个数据库，一个用于开发，另一个用于生产，因此我们希望根据应用程序的状态进行交换。

为此，我们创建了一个布尔静态常量（IS_PRODUCTION_ENVIRONMENT），根据它的值，它将改变FIREBASE_CONFIG，这是包含数据库配置数据的变量。

这是我们app.config.ts文件中的重要数据：

    export class AppConfig {

        public static readonly IS_PRODUCTION_ENVIRONMENT = false;

        public static readonly FIREBASE_CONFIG_DEVELOPMENT = {
            apiKey: "",
            authDomain: "",
            databaseURL: "",
            projectId: "",
            storageBucket: "",
            messagingSenderId: ""
        };

        public static readonly FIREBASE_CONFIG_PRODUCTION = {
            apiKey: "",
            authDomain: "",
            databaseURL: "",
            projectId: "",
            storageBucket: "",
            messagingSenderId: ""
        };

    public static readonly FIREBASE_CONFIG = AppConfig.IS_PRODUCTION_ENVIRONMENT ? 
AppConfig.FIREBASE_CONFIG_PRODUCTION : AppConfig.FIREBASE_CONFIG_DEVELOPMENT;

...

这是app.module.ts中的电话：

imports: [
...
   AngularFireModule.initializeApp(AppConfig.FIREBASE_CONFIG),
...
]

知道这一点，我们的问题是，当我们使用--prod --release标志启动应用程序时，如果我们想要构建它或只是在某些设备上测试它;例如，使用ionic cordova run browser --prod --release，Firebase始终配置了生产配置（FIREBASE_CONFIG_PRODUCTION），就像IS_PRODUCTION_ENVIRONMENT设置为true一样，尽管它不是console.log

在不同的文件中插入IS_PRODUCTION_ENVIRONMENT，我们意识到，在生产模式下构建应用后，FIREBASE_CONFIG和IS_PRODUCTION_ENVIRONMENT会显示正确的值。但是，Firebase生产数据库仍然配置为true firebase.app.module.js，尽管它不是。

配置错误的第一个可追踪日志来自文件angularfire2，config包中的文件，initializeApp()方法中的FIREBASE_CONFIG_PRODUCTION变量收到IS_PRODUCTION_ENVIRONMENT的值（就好像true设置为FIREBASE_CONFIG），即使FIREBASE_CONFIG_DEVELOPMENT指向FIREBASE_CONFIG。

如果我们将initializeApp()直接指向生产或开发（没有三元条件运算符），则问题不会被复制，因此我们认为，由于某种原因，AppConfig被使用在IS_PRODUCTION_ENVIRONMENT类构建100％之前，始终将true视为ionic serve。

此外，如果我们使用ionic run或--prod --release启动应用以进行测试，则该应用可正常运行，并使用所选配置启动Firebase数据库。因此，只有在使用... return next.handle(req).pipe( tap( () => { if (someCondition) this.dispatcher.dispatch(...); }) );标志构建时才会出现此问题。

有没有人知道解决这个问题的方法，或者另外一种编码方法？

谢谢！

Answer 1

好吧，我们终于解决了它。

这是一个奇怪的问题，因为我们所要做的只是将rowid声明为班级之外的IS_PRODUCTION_ENVIRONMENT，并从内部操纵它。 export const（缩短）：

app.config.ts

所以，最后，看起来这是一个问题，因为typescript编译export const isProdEnvironment = true; export class AppConfig { public static readonly IS_LOGGER_ENABLED = !isProdEnvironment; public static readonly FIREBASE_CONFIG_PRODUCTION = { apiKey: "", authDomain: "", databaseURL: "", projectId: "", storageBucket: "", messagingSenderId: "" }; public static readonly FIREBASE_CONFIG_DEVELOPMENT = { apiKey: "", authDomain: "", databaseURL: "", projectId: "", storageBucket: "", messagingSenderId: "" }; public static readonly FIREBASE_CONFIG = isProdEnvironment ? AppConfig.FIREBASE_CONFIG_PRODUCTION : AppConfig.FIREBASE_CONFIG_DEVELOPMENT; ...的方式，而不是如何在运行时解释三元条件运算符的问题。

（Angular / AOT） - Angularfire2＆＃39; initializeApp（）＆＃39;没有加载正确的配置属性

1 个答案: