腾讯低代码平台正式开源!可拖拽生成手机、PC等项目!接私活福利啊!

腾讯低代码平台正式开源!可拖拽生成手机、PC等项目!接私活福利啊!
最新回答
抹不掉的痛

2026-06-14 03:05:23

腾讯tmagic-editor是一个所见即所得的页面可视化编辑器,支持零代码/低代码生成页面,可快速搭建可视化页面生产平台,非技术人员通过拖拽和配置即可自助生成H5、PC、TV等页面,大幅降低页面生产成本。

1、基于可视化编辑器的页面生产流程
  • 物料开发业务需自行开发组件(如图片、抽奖、登录插件等),支持Vue2/Vue3/React等框架,一次开发可多页面复用,需提供配置选项以满足定制需求。

  • 编排非技术人员通过拖拽组件和配置完成页面编辑,无需代码基础。

  • 保存与发布

    生成DSL:编辑器配置生成序列化JS对象(JS Schema),描述页面结构、组件及逻辑。

    构建:基于Runtime(默认支持Vue2/Vue3/React)打包组件,生成HTML/JS/CSS文件。

    部署:将产物部署至业务自有服务器或CDN。

2、tmagic-editor提供的功能
  • 可视化编辑器基于Vue3实现,包含侧边栏、组件列表、组件树、画布区域(模拟器)、配置表单、画布控制(缩放/网格线)、预览、保存、查看源码等功能,支持扩展版本管理、发布等模块。

  • Runtime

    编辑器模拟器:通过iframe渲染,与平台框架解耦,支持Vue2/Vue3/React。

    真实页面渲染:用户访问时由对应Runtime解析页面配置并渲染。

    构建载体:打包构建基于Runtime完成,示例代码依赖此机制。

  • 管理端Demo提供页面列表管理、创建/复制、AB测试配置、发布状态查看等功能,助力快速搭建完整平台。

3、使用tmagic-editor的业务需完成的工作
  • 开发业务组件根据场景开发组件(如抽奖、视频播放),可选用Vue2/Vue3/React,若用其他框架需自行开发Runtime。

  • 开发业务插件(可选)实现登录、环境判断、请求拦截等逻辑功能,支持多框架开发。

  • 部署可视化搭建服务开源代码需业务自行部署,非SaaS服务。

  • 构建和发布页面管理组件库,基于JS Schema和Runtime打包构建,部署产物至自有服务器/CDN。

  • 其他定制需求扩展编辑器功能或修改/新增Runtime(如支持其他前端框架)。

4、tmagic-editor核心能力项

应用场景:已用于腾讯视频会员、爱玩游戏、云视听极光、腾讯会议等十余个业务,每月生产数百个页面,适合需要快速搭建多端页面的团队或个人接私活。