lowcode-engine 行动计划+资料整理

647 阅读3分钟

本文可能没有干货,目的是是作为自己的一个资料记录,同时也希望帮助到遇到同样问题的朋友。

起因

团队内接到调研任务,需要调研一下低代码平台,之前一篇文章也介绍了几个低代码平台的大概特点,有兴趣的可以翻一下。调研目标有这么几个要求:

  • 能够拖拽画出页面
  • 能够自定义样式
  • 能够导出前端源码继续开发
  • 开源
  • ...

最终找到alibaba/lowcode-engine,它不能叫“平台”了,看名字就知道它是“引擎”。

基于 Low-Code Engine 快速打造高生产力的低代码研发平台

行动计划

lowcode-engine直接拿来用不是不行,但是不是很契合团队规范、流程等,既然确定目标确定了,还需要安排继续调研的计划。

目标:

  • 能够接入 ant design 组件库(4.x版本)
  • 多页开发方案,并出码
  • 微前端集成
  • 自定义组件集成
  • 代码管理
  • 服务部署
  • 权限体系

能够接入 ant design 组件库(4.x版本)

官方Demo就有,捏哈哈哈,不用费劲了!

github.com/alibaba/low…

image.png

当然,还有有些组件有问题,这个后面再看吧。

多页开发方案,并出码

多页方案,官方有录屏介绍,也不用费劲啦!

www.bilibili.com/video/BV17a…

github.com/jinchanz/lo…

image.png

but,出码却没有说明,找个一个issue,先记录吧。

github.com/alibaba/low…

微前端集成

出码后本身就是ice 1.x脚手架的React代码的前端工程,微前端我们选择了qiankun,所以直接看文档对接即可,低代码基本都会作为子应用,所以按照子应用配置搞好即可。

qiankun.umijs.org/zh/guide/ge…

image.png

自定义组件集成

这块分为两部分:

  1. 低码平台的扩展
  2. 我们自己的远程组件

第一条,目前还没看懂文档,先放上来: lowcode-engine.cn/site/docs/g…

第二条,其实需要webpack5就行,奈何导出源码工程使用的是ice 1.x,ice 2.x才支持webpack5,找到一个issue:

github.com/alibaba/low…

貌似有戏,但不多~

剩下的

比如代码管理、部署、权限体系等,其实都是修改导出源码的事了,优先级也不是很高。

现在催得紧,暂时分成2个阶段执行吧,先解决代码层面的,在解决流程管理方面的。

最后一点牢骚

底码技术本身并不抵触,是个好东西,但是,我抵触的是人们会用他们一知半解的东西,来告诉你怎么去做。

调研过程中,需要实现一些demo去测试可行性,出码之后要还原公司本身一些原有功能的界面样式、交互、功能,这个过程并不好受,因为直接用的lowcode-engine,差很多东西。最后呢,界面出来了,别人就会认为这个东西可以直接用了,就会跟你说,“这个需求能用低码实现吗?”,“你们不是有低码平台了吗?”,“我们要使用底码平台提效,快速做出东西来!”。

艹,这是需要过程的,让子弹飞一会不行吗?

牢骚完毕!

酒浆!

欢迎关注我的公众号:王大锤学前端

拜拜!