Question

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

我的构建工厂如下：

webpack for tsx to minified js
使用VSTS构建和发布
在Azure Web App上部署

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

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

Below this example，如果我加载系统变量，我将能够检索此键/值。我尝试使用dotenv-webpack和systemvars为true但没有加载，显然我没有nodejs服务器。
我找到了一个网址https://mywebsite.scm.azurewebsites.net/api/settings，它为我提供了包含所有设置的JSON，包括自定义应用程序设置。所以我的问题是我是如何得到这个，无论是在实时运行时（这个网址是由帐户凭据保护，我可以从网络应用程序访问），还是在构建过程中，但在这种情况下，如何从VSTS访问？

感谢您的帮助。

Answer 1

要获取具有所有设置的JSON，您可以从您的reactjs应用程序向此URL发送GET请求：

  <style>
body{
margin:0px;
}
p{
color:white;
font-size:76px;
text-align:center;



letter-spacing:14px;
font-weight:600;
text-shadow:15px 5px 15px white;

}
.con3{
height:400px;
background-color:black;

margin-top:50px;


}
</style>


<body>

<div class="con3"> <p>HELLO </p></div>
</body>

用户名和密码可在App Service门户中的部署凭据中找到：

Azure中的React和AppSettings

1 个答案: