在 React App 中从 Azure 门户访问应用程序设置

Question

我在 Azure 中部署了一个 React 应用程序。

我需要在 UI 中轻松配置一些东西，为此我需要在不接触代码的情况下更改可配置变量。

我还在 Azure 中部署了一个 React 应用程序使用的 .net core api。在 .net Core 中，我们使用 launchSettings.json 文件来访问我们存储在 Azure 门户中的可配置变量。

是否有类似的 React 解决方案，我们可以在其中更改 Azure 门户应用程序设置中的变量并使用它来使某些 UI 部分可配置？

我们已经在 React 中有针对不同环境的配置文件并在代码中使用它，但是要更改其中的某些内容，我需要对代码进行更改并重新部署应用程序。我想知道是否有办法在不接触代码和重新部署的情况下做到这一点。

提前致谢。

Answer 1

与 .NET Core 应用不同，React 在您的浏览器中运行。因此，您可以从与您的应用程序一起托管的 JSON 文件或通过 REST 端点从数据库中获取配置。

例如，它甚至可以只是托管在 blob 存储上的简单 JSON 文件。

PS：请注意，JS 代码在浏览器中运行，任何检查都可以由经验丰富的开发人员努力覆盖。所有数据都应在身份验证/授权后由您的后端保护。