node.js - Azure 中的 React 和 AppSettings

Question

我的目标是从 Azure 应用程序设置中检索一些环境 key ，例如 api_url。

我的构建工厂如下:

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

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

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

1. Below this example ，如果我加载系统变量，我将能够检索这个键/值。我尝试过将 dotenv-webpack 和 systemvars 设置为 true，但没有加载任何内容，显然我没有 Nodejs 服务器。

2. 我找到了一个网址 https://mywebsite.scm.azurewebsites.net/api/settings这给了我一个包含所有设置的 JSON，包括自定义应用程序设置。所以我的问题是如何获得这个，无论是在实时运行时(此网址受帐户凭据保护，我可以从网络应用程序访问)，还是在内置进程中，但在这种情况下，如何从 VSTS 访问？ p>

感谢您的帮助。

Answer 1

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

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

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