作者:独立技术顾问,曾为多家企业提供低代码平台选型咨询 本文约3500字,阅读时间约11分钟 | 含配置逻辑拆解与实战案例
一、一个真实的争论
上个月,在某智慧园区项目启动会上,客户CIO和开发团队发生了激烈争执。
CIO:“业务部门的需求天天变,你们开发每次都要排期两周。为什么不能用低代码平台,让业务人员自己改?”
技术负责人:“数字孪生不是普通表单,涉及三维场景、图层、相机漫游,市面上没有成熟的低代码方案。”
CIO:“那我看到别家园区有运维自己搭的能耗看板,是怎么做的?”
这个争论折射出一个行业现状:数字孪生领域的低代码/零代码,远没有传统OA或BI领域成熟。 但过去一年,我调研了国内外6款号称支持低代码的数字孪生平台,发现其中确有能打的,也有挂羊头卖狗肉的。
本文就从技术底层剖析:数字孪生低代码/零代码到底能做什么、不能做什么,以及实现原理是什么。
二、数字孪生低代码的三个层次
要评测一个平台,先要搞清楚它的“低代码”落在哪个层次。
L1: 模板配置型 最浅的一层。平台提供若干固定模板(如智慧城市、智慧工厂),用户只能修改文字、替换图片/视频、调整颜色。三维场景基本固定,无法添加自定义模型或图层。 典型产物:PPT式的展示大屏。
L2: 组件拖拽型 用户可以通过拖拽组件(图表、控件、图层)到画布上,配置数据源和简单交互(如点击弹窗)。三维场景本身仍需要专业人员预先构建好,但可以在场景上叠加业务图层。 典型产物:带数据联动的监控看板。
L3: 全配置型 用户不仅可以配置图表和交互,还能在三维场景中添加自定义模型、定义数据驱动的图层(热力图、轨迹图、柱状图)、配置复杂的跨组件联动逻辑,甚至创建新的页面和导航流程。三维场景的构建仍需要专业工具,但场景发布后,应用层完全由业务人员配置。 典型产物:可深度定制的业务系统,如应急指挥调度台、设备运维平台。
市场上绝大多数产品停留在L1或L2。能达到L3的很少,我实际深度体验过的只有图观零代码应用编辑器(顺便说,它的端渲染场景编辑器是独立的,需要美术或开发者构建场景,但应用层确实做到了全配置)。
三、核心技术拆解:零代码如何驱动三维场景?
以图观零代码编辑器为例(我拿到了其公开版测试账号,进行了两周深度试用),其底层实现值得分析。
3.1 场景服务的抽象化
传统方式中,三维场景的交互逻辑(点击某个设备弹窗、双击聚焦等)往往写在JS代码里。零代码要实现的是:将场景能力封装为标准REST API,配置平台通过HTTP调用这些API。
图观的零代码编辑器集成的是已发布的端渲染或流渲染场景服务。每个场景服务对外暴露一组可控对象(模型、图层、状态)。在配置界面中,用户可以:
- 选择场景中的某个模型(比如“3号楼的空调外机”)
- 为其绑定一个“点击”事件
- 配置点击后的动作序列:聚焦相机到该设备 → 显示信息浮窗 → 触发右侧图表刷新数据
这套动作序列不写代码,而是通过可视化流程图配置:
// 底层实际生成的配置描述(用户不可见)
{
"trigger": "click",
"target": "model:ACU_03",
"actions": [
{ "type": "camera.flyTo", "params": { "target": "model:ACU_03", "duration": 1 } },
{ "type": "popup.show", "params": { "template": "deviceDetail", "data": "${deviceData}" } },
{ "type": "chart.refresh", "params": { "chartId": "energyTrend", "filter": { "deviceId": "${model.id}" } } }
]
}
3.2 跨数据源联动的“参数”机制
这是零代码平台中最难啃的骨头。业务场景中,经常需要:点击地图上的一个区域 → 右侧的设备列表只显示该区域的设备 → 下方的曲线图展示这些设备的平均能耗。
传统开发中,这需要写多个事件监听、状态管理、数据筛选函数。零代码如何实现?
图观的方案是参数(Parameter)机制,我在别的平台上没有见过类似设计:
- 定义一个参数,比如
selectedRegion,类型为字符串。 - 区域图层配置:点击时,将点击区域的ID赋值给
selectedRegion。 - 设备列表控件的数据源SQL中,加入条件
WHERE region = ${selectedRegion},并勾选“监听参数变化”。 - 能耗曲线图的数据源同理。
当selectedRegion的值改变时,所有监听该参数的控件自动刷新数据源,重新查询并渲染。不需要写任何数据流代码。
这种设计本质上是响应式数据绑定的配置化实现,类似Vue的响应式原理但封装在配置层。
3.3 图层与控件的统一数据模型
零代码编辑器里内置了几十种数据图层(地标图、热力图、轨迹图、柱状图)和图表控件(折线图、饼图、仪表盘)。它们的共同点是:都接受相同结构的数据输入——一个数组,每个元素包含经纬度(如果是图层)或类别/数值(如果是图表)。
这意味着,同一个数据源(比如数据库中的设备表)可以同时绑定到一个地标图层(展示设备位置)和一个饼图(展示设备类型分布)。数据源变更时,两者同步更新。
我尝试用图观零代码编辑器从零搭建了一个小型能耗监控应用,耗时约4小时(包括熟悉界面)。最终的交互包括:
- 园区三维地图(预先由美术构建)
- 左侧设备列表(从MySQL读取)
- 点击列表项,地图镜头聚焦到对应设备,并高亮
- 右侧显示该设备过去24小时的能耗曲线(从API获取)
- 顶部有日期筛选器,改变日期时所有图表刷新
全程没有写一行代码。这个应用如果让开发人员写,需要前端+后端至少2人天。零代码将效率提升了4倍以上。
四、零代码的边界:什么做不了?
零代码不是万能的。经过实测,以下场景目前仍需低代码或全代码:
复杂空间分析 例如:“找出距离故障设备500米内的所有摄像头,并规划从值班室到设备的最短路径。”这涉及到图论算法和空间查询,零代码无法表达。
自定义渲染效果 如果业务需要特殊的Shader效果、非标准的粒子动画、自定义的模型变形,零代码无法支持,需要底层引擎扩展。
多系统复杂集成 需要调用第三方系统的非标准API、处理复杂的鉴权逻辑、做数据格式转换时,零代码的内置数据源适配器可能不够用。
高并发/低延迟要求 零代码生成的配置会经过解释执行,比原生JS代码多一层开销。对于要求极致性能的场景(如实时股票行情孪生),低代码API更合适。
五、低代码API与零代码的协同
理想情况下,一个平台应该同时提供零代码和低代码两种路径,且能混合使用。图观的组合方式是:
- 零代码:用于快速搭建原型、简单业务应用、让业务人员自助修改。
- 低代码统一API:用于复杂逻辑、定制功能、性能优化。
而且两者可以混合:用零代码搭建主框架,在需要深度定制的地方,通过“自定义脚本”组件嵌入JavaScript代码,调用统一API。
例如,零代码编辑器里可以添加一个“脚本”控件,用户在里面写:
// 自定义逻辑:批量选中所有温度超标的设备
const devices = await api.queryDevices({ temp: { $gt: 80 } });
devices.forEach(device => {
api.scene.highlight(device.id, { color: '#ff0000', duration: 3 });
});
这种设计既保留了低门槛,又提供了逃生舱口。
六、选型建议:你的团队适合哪种模式?
| 团队情况 | 推荐模式 | 理由 |
|---|---|---|
| 无开发人员,只有业务人员 | 纯零代码(L2/L3平台) | 需要平台内置丰富模板和强大参数联动能力 |
| 有前端开发,但无三维/UE经验 | 低代码统一API + 预置场景服务 | 前端写JS控制场景,无需学三维渲染 |
| 有全栈开发,需要深度定制 | 低代码API + 自建场景服务 | 最大灵活性 |
| 混合团队(业务+开发) | 零代码搭建 + 低代码扩展 | 平衡效率与灵活性 |
目前市场上,同时提供L3级零代码和统一低代码API的产品极少。 我已知的有图观(零代码编辑器+统一API)、以及微软Azure Digital Twins(需要较多代码)。国内其他平台大多只提供L1/L2,或者只有API没有零代码。
七、未来:AIGC + 低代码/零代码
一个值得关注的方向是:用大模型生成低代码配置甚至直接生成应用。
我测试过用GPT-4生成图观统一API的调用代码,效果不错(因为API设计规整)。但要生成零代码的配置JSON,目前还不稳定,因为配置结构复杂且缺乏足够训练数据。
可以预见,未来两年内,会出现“自然语言生成孪生应用”的工具。届时,数字孪生开发的门槛将进一步降低,业务人员可能真的只需要说:“帮我建一个园区能耗看板,要能按楼栋筛选,展示TOP5高能耗设备。”——系统自动完成场景搭建、数据绑定和交互配置。
但现在,还是老老实实从零代码编辑器拖拽开始。
你在工作中尝试过数字孪生低代码平台吗?遇到过哪些坑?或者有什么推荐?欢迎留言交流。