Azure 中的 React 和 AppSettings

IT技术 node.js reactjs azure azure-web-app-service appsettings
2021-05-19 04:15:14

我的目标是从 api_url 等 Azure 应用程序设置中检索一些环境密钥。

我的建造工厂如下:

  • 用于 tsx 到缩小 js 的 webpack
  • 使用 VSTS 构建和发布
  • 在 Azure Web 应用程序上部署

Azure Web App 上没有运行 node.js,它只是一个静态服务器,为 index.html、bundle.js 和资产提供服务。

我尝试过这种不同的方法:

  1. 在这个例子下面,如果我加载系统变量,我将能够检索这个键/值。我已经尝试将dotenv-webpacksystemvars 设为 true 但没有加载任何内容,显然我没有 nodejs 服务器。

  2. 我找到了一个 url https://mywebsite.scm.azurewebsites.net/api/settings,它为我提供了一个包含所有设置的 JSON,包括自定义应用程序设置。所以我的问题是我如何获得它,无论是在实时运行时(此 url 受帐户凭据保护,我可以从 Web 应用程序访问),还是在构建过程中,但在这种情况下,如何从 VSTS 访问?

谢谢你的帮助。

1个回答

要获取包含所有设置的 JSON,您可以从 reactjs 应用程序向此 URL 发送 GET 请求:

https://$AZURE_LOGIN:$AZURE_PASS@$AZURE_APPNAME.scm.azurewebsites.net/api/settings

用户名和密码可以从应用服务门户中的部署凭据找到

在此处输入图片说明