我可以将 netlify 环境变量添加到我的 Angular 应用程序吗？

Question

Angular 有自己的环境文件夹，其中有 environment.ts 和 environment.prod.ts。我正在尝试托管我的 Angular 应用程序，但在 netlify 中隐藏我的 api 密钥，netlify 有一个很好的环境变量功能，您可以使用您想要的名称放置 api 密钥，但如何将此变量添加到我的 Angular 应用程序中？

环境.prod.ts：

export const environment = {
  production: true,
  googleMapsApi: GOOGLE_NETLIFY
  ,
};

GOOGLE_NETLIFY 保存在我的 netlify 部署设置中。也许我需要添加这个 netlify.toml 文件，但我找不到 Angular 的正确信息并用它添加 netlify 变量。

Answer 1

安装@ngx-env/builder

现在您可以创建 .env 文件并在 enviourment.ts 文件中通过 process.env['NG_APP_KEY_NAME'] 使用环境变量

export const environment = {
        apiKey: process.env['NG_APP_API_KEY'],
        
} ;