angular - 如何从 Angular 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()库之类的库我得到了很多错误。我想这不适合客户端使用。fszlib

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

标签： angularfirebasegoogle-cloud-functionsangularfire

Answer 1

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

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