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

Question

我正在开发一个在不同情况下会略有不同的 React 应用程序。

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

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

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

我想知道该怎么做。我想到的最简单的事情是使用 localStorage 并在加载 iFrame 之前保存一个设置变量，在 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'));