mobile-maker 是一个低代码平台，拖拽快速制作可交互的 H5，拥有完整的制作发布流程。

该项目极其适合初学者学习，其重心在于探索低代码平台的核心功能，并没有太多的业务功能代码。

如果对你有帮助的话，请顺手点个 star，这将对我有极大的帮助。

在线体验地址

开发文档：

• 编辑服务开发文档

• 预览服务开发文档

1. 配置服务(front): vue3 + element-plus + webpack + echarts
2. 预览服务(generate): vue3 + element-plus + webpack + echarts
3. 打包服务(mobile-maker): koa + shell + fs/child_process
4. 接口服务(mobile-maker-server): koa + typescript + mongodb + fs + child_process/exec

拆分成各个服务，每个服务都可以单独运行，方便学习和维护！

1. 编辑服务(front)：拖拽生成落地页，将落地页JSON传于后台保存至数据库
2. 预览服务(generate)：提供落地页访问静态资源（js/css），提供移动端适配方案，H5预览
3. 打包服务(mobile-maker)：在线打包front和generate，以及组件上传
4. 接口服务(mobile-maker-server)：包括数据库存储，以及落地页html的生成

// 编辑服务（直连测试环境，无需跑接口）

cd ./packages/front

npm install

npm run dev:test

1. mobile-maker 打包服务

   • 编辑服务：./packages/front

   • 预览服务：./packages/generate

2. mobile-maker-server 接口服务

联合杨村长做的B站直播分享。

1. 【2022/8/4】第一次分享，配置服务学习文档

2. 【2022/8/11】第二次分享，预览服务学习文档

3. 【2022/8/21】第三次分享，打包服务学习文档

1. 首屏优化，优化详细流程

1. 目录层级关联逻辑图

2. 具细化工作流程图

图片模型资源均通过网上获取。

【2022/7/19】完成整套低代码平台架构功能，包括上面的四个服务，还有三个基础的组件，以及额外需要的图床服务(ip名单限制)。

【2022/8/24】完成三个核心模块分享（B站的直播分享，历经三周，每周一次），域名备案通过升级部署服务器，平台总访问500+，star数 40+，真不容易！

微信：wx962983053

如果你对相关的内容感觉兴趣的话，可以与我一同探讨。