将我的 Stripe 可发布密钥放入我的 app.module.ts 文件的最佳方法是什么？

Question

我正在按照ngx-stripe 安装文档来使用该库，示例显示可发布密钥应作为 forRoot() 添加到导入调用中，如下所示：

imports: [ 
    NgxStripeModule.forRoot('***your-stripe-publishable-key***'),
]

问题- 如果我将此导入调用粘贴到 app.modules.ts 中，我该如何在我的开发密钥和生产密钥之间切换？

我有 2 个可发布密钥 (dev/prod)，当我作为开发人员在我的机器上本地运行它时，我想使用开发密钥，但是当我将它发布到服务器时，我想运行生产密钥。 根据我的环境，我需要什么代码来回切换它？

仅供参考- 目前开发/生产密钥在我的 appsettings.Development.json 和 appsettings.json 文件中，但如果将它们放在其他地方更合适，我可以移动它们。

我看到此链接显示如何查看我是否在开发/生产中： https://stackoverflow.com/questions/39535386/how-to-check-if-angular-application-running-in-production-or-开发模式#:~:text=Simply%20check%20the%20production%20variable,mode%20and%20false%20for%20development 。

Answer 1

这是您在编译期间要使用angular 环境选项的地方。 这将根据您指定的配置换出环境 object 中的值。

这确实意味着您需要在 CI/CD 管道中为每个环境构建一个。 如果您有暂存部署和生产部署，您将使用暂存配置集运行一次 ng 构建，然后使用生产配置集运行一次。

然后，在你的 app.module.ts 中简单地换成这个（假设你将环境中的属性命名为 object 'stripePublishableKey'）：

imports: [
  NgxStripeModule.forRoot(environment.stripePublishableKey)
]