如何在 Bloomreach 的 Perspective 中使用 React 应用程序?
How to use React app inside Perspective in Bloomreach?
我们在开发中使用 Bloomreach Experience (Hippo CMS),需要将现有的 React 应用程序集成到 CMS 面板内的 Perspective 中。有没有办法做到这一点,排除使用 iFrame?
要在 CMS 渠道管理器中集成 React 应用程序,该应用程序应使用 React SDK 呈现一些特定的评论 HTML 元素,用于预览和编辑功能。
接下来,应安装代理,以便频道管理员在同一主机上请求 app/channel,该主机被代理到实际居住的地方。
请从https://documentation.bloomreach.com/library/concepts/spa-integration/introduction.html
开始
HTH
杰伦
React 应用可以轻松集成到其他应用中。您需要在现有的 DOM 中添加一个容器元素,以便反应应用程序呈现。然后使用脚本标签加载构建的 React 应用程序
所以,这是一个解决方案:
我们应该将 "homepage": "./."
添加到 package.json
。
然后,您不应该做的重要事情是使用 BrowserRouter
。请改用 HashRouter
。
构建您的应用程序并像其他 HTML、CSS 和 JS 文件一样在 Perspective 中使用此文件。
我们在开发中使用 Bloomreach Experience (Hippo CMS),需要将现有的 React 应用程序集成到 CMS 面板内的 Perspective 中。有没有办法做到这一点,排除使用 iFrame?
要在 CMS 渠道管理器中集成 React 应用程序,该应用程序应使用 React SDK 呈现一些特定的评论 HTML 元素,用于预览和编辑功能。
接下来,应安装代理,以便频道管理员在同一主机上请求 app/channel,该主机被代理到实际居住的地方。
请从https://documentation.bloomreach.com/library/concepts/spa-integration/introduction.html
开始HTH 杰伦
React 应用可以轻松集成到其他应用中。您需要在现有的 DOM 中添加一个容器元素,以便反应应用程序呈现。然后使用脚本标签加载构建的 React 应用程序
所以,这是一个解决方案:
我们应该将 "homepage": "./."
添加到 package.json
。
然后,您不应该做的重要事情是使用 BrowserRouter
。请改用 HashRouter
。
构建您的应用程序并像其他 HTML、CSS 和 JS 文件一样在 Perspective 中使用此文件。