如何在 Bloomreach 的 Perspective 中使用 React 应用程序？答案

【问题标题】：How to use React app inside Perspective in Bloomreach?如何在 Bloomreach 的 Perspective 中使用 React 应用程序？
【发布时间】：2020-01-20 11:13:36
【问题描述】：

我们在开发中使用 Bloomreach Experience (Hippo CMS)，需要将现有的 react 应用程序集成到 CMS 面板内的 Perspective 中。有没有办法做到这一点，排除使用 iFrame？

【问题讨论】：

标签： reactjs single-page-application hippocms

【解决方案1】：

要将 React 应用程序集成到 CMS 频道管理器中，该应用程序应使用 React SDK 呈现一些特定的 cmets HTML 元素，用于预览和编辑功能。

接下来，应该安装一个代理，以便频道管理器请求同一主机上的应用/频道，该主机被代理到实际存在的位置。

请从https://documentation.bloomreach.com/library/concepts/spa-integration/introduction.html开始

HTH 杰伦

【讨论】：

【解决方案2】：

React 应用可以轻松集成到其他应用中。你需要在现有的 DOM 中添加一个容器元素，以便 React 应用程序呈现。然后使用 script 标签加载构建的 React 应用

【讨论】：

是的，但大多数时候它可能比这更复杂一些，因为有一些 JS、CSS 甚至图像资产也需要上传、链接和正确加载，对吧？

【解决方案3】：

所以，这里有一个解决方案：我们应该将"homepage": "./." 添加到package.json。然后，您不应该做的重要事情是使用BrowserRouter。请改用HashRouter。构建您的应用程序并像其他 HTML、CSS 和 JS 文件一样在 Perspective 中使用这些文件。

【讨论】：