如何从有角度的web应用程序中读取firebase配置

Question

我有一个Angular应用程序，在那里我使用environment.ts来存储api密钥和其他配置。我想将这个应用程序部署到Firebase，这样我就可以将配置表单环境文件移动到Firebase配置中，这样我可以按照这里解释的设置变量

然后，当我运行命令firebase functions:config:get时，我正确地获得了我期望的配置。但现在我不知道如何在我的Angular项目中获得这个配置。到目前为止，我所做的是在Firebase中创建一个应用程序，因此我在environment.ts中的配置如下：

firebase: {
apiKey: 'apiKey',
// Other properties
},

并且在app.module.ts:中

imports: [
// ...
AngularFireModule.initializeApp(environment.firebase),
],

但从这里我不知道如何获得配置。我尝试使用npm包firebase-functions并运行functions.config()，但对于fs、zlib等库，我遇到了很多错误。我想这不是客户端使用的。

如何从Angular应用程序获取Firebase配置？

Answer 1

您不应该在客户端上使用函数配置，因为函数配置将包括对项目的管理访问。

目前AngularFire不支持Firebase配置的动态加载，因此您需要在部署之前将其烘焙到您的环境中。