在 Angular 中处理 API 密钥

Question

我想将所有源代码推送到我的 Git 存储库，但我不想包含我的 API 密钥。

在environment.ts文件中，我有API密钥，在movies.services.ts文件中，我调用将100部电影添加到我的项目中。

我已经尝试使用 .gitignore 文件和 dotenv，但它似乎不起作用。

Answer 1

您可以拥有类似

environment.example.ts

、

environment.development.ts

、

environment.production.ts

等的内容（有关如何配置不同环境的更多信息，请参阅 https://angular.io/guide/build#configure-target-specific-file -替换品）

并且忽略除

environment.example.ts

之外的所有内容，例如

文件

src/environments/.gitignore

# Ignoring all files in current directory(`src/environments`)
# to not occasionally commit production environment
*

# But not example environment, so that developer could copy
# and fill it on his machine
!environment.example.ts

如果您已经提交了 API 密钥，您可能需要执行以下操作之一

• 您可能需要使用 https://stackoverflow.com/a/1274447/9566462 中的方法让 git 删除已提交的文件，但您的 API 密钥将保留在 git 历史记录中，您需要更改您的 API 密钥或放弃并让它泄漏
• 如果您无法更改 API 密钥或放弃泄露它，则需要使用 https://docs.github.com/en/authentication/keeping-your-account- 中的方法从历史记录中删除敏感数据和数据安全/从存储库中删除敏感数据