如何使用 Angular 8/9 隐藏 API 密钥？ [复制]

Question

我正在尝试调用 Firebase API。要调用此 API，我们需要指定用户配置密钥。如何在我的代码中隐藏这个键？我不知道该怎么做。

如果我使用 environment.ts 文件，在构建之后，这些键会暴露在 main.js 文件中。

ma​​in.js Keys Exposed

有什么办法可以避免这些key在main.js文件中暴露？

Answer 1

Firebase 的设计使您不必隐藏这些键。

请参考文档here并摘录如下：

与通常使用 API 密钥的方式不同，Firebase 服务的 API 密钥不用于控制对后端资源的访问；这只能通过 Firebase 安全规则来完成。通常，您需要严格保护 API 密钥（例如，通过使用保管库服务或将密钥设置为环境变量）；但是，Firebase 服务的 API 密钥可以包含在代码或签入的配置文件中。