根据上下文动态渲染应用程序

Question

我正在开发一种在不同情况下略有不同的反应应用程序。

该应用将在第三方网络服务上用作iframe中加载的插件。在这种情况下，我必须知道是谁请求该应用程序，因为：

• 我必须重新命名（加载不同的css）
• 禁用或启用其他服务。

此外，该应用程序将用作我们的服务，在这种情况下，必须使用我们的品牌和所有服务加载默认配置。

我想知道该怎么做。我想到的最简单的事情是在加载iFrame之前使用localStorage并保存设置变量，在react应用程序中我可以使用localStorage来理解该做什么。这是一个可靠的解决方案？

此外，iFrame使用请求加载网站，也许我可以传递查询参数并基于此设置样式和其他一些值。

不确定哪种方法最好。

Answer 1

您还可以根据将要使用的人设置Cookie，请参阅https://www.npmjs.com/package/universal-cookie，但请确保已启用安全标记。

一个例子，这是客户端

从'universal-cookie'导入Cookie;

const cookies = new Cookies（）;

cookies.set（'requestedParty'，'Google'，{path：'/'}）;

的console.log（cookies.get（ 'requestedParty'））;