如何解决部署和隔离 webapp 小部件 项目规格:安装目前考虑了什么
我目前在工作中遇到了有关此项目的困境,场景如下:
我们正在构建一个可嵌入的 React 小部件聊天机器人应用程序。它将用于至少 20 多个客户的电子商务网站。
项目规格:
安装
安装过程需要尽可能无缝:
- 客户端导入编译好的包
<script src="https:...bundle.js">
- 为小部件提供入口点:
<div id="chatbot"></div>
主要问题:
- 客户端可能有标签覆盖 CSS,例如:
p { margin: 5px }
目前考虑了什么
-
封装成 iframe:injecting html into iframe。 可能的缺点:浏览器安全问题。我需要访问父文档才能推送分析数据。
-
shadowDOM: 。可能的缺点:我需要独立的 PWA 功能,而不会弄乱客户端网站。
有什么想法吗?利弊?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。