我想在我的Angular Web应用程序中使用Azure应用服务的``应用程序设置''变量

时间:2019-12-03 09:25:57

标签: angular typescript azure azure-web-sites

我希望我的有角度的Web应用程序使用Azure应用程序服务的“应用程序”设置变量,因此,请向我介绍解决方案。这样我就不需要一次又一次地构建我的应用程序并进行部署。我只需要直接在门户网站上更改变量,我的应用程序就会使用它。

enter image description here

2 个答案:

答案 0 :(得分:1)

您要的是困难的(很可能不值得付出的努力)。

azure应用程序服务work as follows中的应用程序设置:

  

对于ASP.NET和ASP.NET Core开发人员,在App Service中设置应用程序设置就像在Web.config或appsettings.json中进行设置一样,但是App Service中的值将覆盖Web.config或appsettings中的设置。 json。您可以在Web.config或appsettings.json中保留开发设置(例如,本地MySQL密码),但在App Service中保留生产秘密(例如,Azure MySQL数据库密码)。相同的代码在本地调试时使用开发设置,在部署到Azure时使用生产机密。

以上并非您的情况,因为您有以下情况:

  

其他语言堆栈也同样在运行时获取应用程序设置作为环境变量。

两者的共同模式是什么?它们是服务器端。您正在尝试在服务器端进行客户端(javascript)配置。

  1. 没有API可以让您立即获得这些配置值。
  2. 配置值将全部公开给最终用户
  3. 由于您的情况需要从环境变量中获取数据,所以您必须构建某种API,该API将从环境变量中读取并从get配置请求中提供有角度的应用程序。

答案 1 :(得分:1)

在azure网站中,所有应用程序设置都设置为环境,您可以在您的Web kudu页面中的环境标签下对其进行检查。

有关其工作原理的更多信息,请查看此文档:How Application Strings and Connection Strings Work

在官方文档中,它还说明如果您使用python使用os.environ['WEBSITE_SITE_NAME']来访问应用程序设置,而在nodejs中使用process.env.NODE_ENV来访问它。