这个想法:
我有一个web应用程序的想法,我想根据讨论的结果使用React/Angular来实现。我的想法是,我希望能够用尽可能少的代码将我的web应用程序打包并嵌入到任何网站中。它所嵌入的网站的最终结果将是一个新的“小部件样式”按钮悬停在角落里,当点击该按钮时,将在弹出或布局模式窗口中打开我的新React/Angular应用程序。
明确地说,如果可能的话,我想为客户主机网站提供尽可能少的代码,例如:
<script src="https://myappurl.js"><script>
<some-new-element-in-html-body?> </some-new-element-in-html-body?>
如何:
现在我知道可能有几种方法可以实现这一点。我来自一个有角度的开发背景,是一个全栈开发人员,所以在网站中嵌入应用对我来说是一个新概念。我想我想要的结果与网站上的聊天小部件应用程序类似。我正努力在网上找到适合这份工作的最佳解决方案或工具集。
Web组件
似乎出现了很多。这将导致我不得不向网站提供标签和新的html元素,但这是否会添加一个触发应用程序弹出窗口的小部件样式按钮。我还读到,React/Angular捆绑包的大小对于web组件来说可能太大了,即使是在较小的应用程序中,所以像preact这样的东西可能是首选?同样的问题仍然存在。这段youtube视频解释了preact/react web组件,并想知道这是否是最佳选择-
https://www.youtube.com/watch?v=PUGDzA1uP-Y&t=545s
UMD库
-同样,我也遇到了一些其他问题,但这是最不清楚的,它们与web组件相比有什么不同,或者对我的特定场景有什么好处。现在,我可能完全找错了方向,如果是这样的话,善良的人们请给我指出正确的方向。
我可能还需要考虑2个应用程序,一个用于渲染快速加载AND的按钮,然后方便弹出/模态类型的停机,然后用上面提到的3种方法中的一种来加载我的应用程序。
先谢谢你!:)
