低代码(五)低代码平台前端技术组件选型3.0

  • 微前端框架选型

现在比较优秀的微前端框架有qiankun,MicroApp,single-spa;single-spa是通过监听 url change 事件,在路由变化时匹配到渲染的子应用并进行渲染,这个思路也是目前实现微前端的主流方式。同时single-spa要求子应用修改渲染逻辑并暴露出三个方法:bootstrap、mount、unmount,分别对应初始化、渲染和卸载,这也导致子应用需要对入口文件进行修改。因为qiankun是基于single-spa进行封装,所以这些特点也被qiankun继承下来,并且需要对webpack配置进行一些修改。
micro-app并没有沿袭single-spa的思路,而是借鉴了WebComponent的思想,通过CustomElement结合自定义的ShadowDom,将微前端封装成一个类WebComponent组件,从而实现微前端的组件化渲染。并且由于自定义ShadowDom的隔离特性,micro-app不需要像single-spa和qiankun一样要求子应用修改渲染逻辑并暴露出方法,也不需要修改webpack配置,是目前市面上接入微前端成本最低的方案。氢原平台采用了micro-app和qiankun2套框架。

  • RPA技术选型

氢原平台集成了RPA工具来满足一些自动化场景业务开发。优秀的RPA厂家国外有微软 PowerAutomate,UIpath,国内有影刀,来也。
试用了这几家产品后,最终决定集成PowerAutomate和UIpath。

  • 地图插件选型

    地图操作有高德、百度、腾讯,但因为以前项目用的高德,所以平台目前集成的高德,后面再根据需要再进行扩展吧。

  • webIde技术选型
    vscode的web版本,是webIDE最佳选择?团队去研究和集成vscode了,1个月后还是放弃了,因为采用vscode的web版本需要不同租户拥有不同的docker容器,作为小公司云资源非常有限,只能放弃该方案,最后采用的github的web编译器来实现在线编辑。

  • 前端展示框架
    vscode的web版本,是webIDE最佳选择?团队去研究和集成vscode了,1个月后还是放弃了,因为采用vscode的web版本需要不同租户拥有不同的docker容器,作为小公司云资源非常有限,只能放弃该方案,最后采用的github的web编译器来实现在线编辑。

  • 其他
    比如展示框架布局、皮肤切换、表格展示适配等等这些就是自研咯

到此涉及前端相关的组件的技术选型就这些了,后续会把后端的技术选型进行介绍

猜你喜欢

转载自blog.csdn.net/weiyongliang_813/article/details/130054651