笔者接下来就将对H5可视化编辑器的实时预览和真机扫码预览功能做一次方案剖析, 为大家在设计类似产品的时候提供一些思路....你将收获
实时预览的应用场景和实际案例
画布元素和属性编辑器的实时联动方案
实时预览的一般思路
真机扫码预览的实现思路
基于nodejs中间层实现高可用的实时预览方案
正文
一般情况下实时预览的功能会交给前端来实现..., 比如我们经常看到的微信开发者工具的预览, 支付宝小程序的预览, vscode的预览插件, 比较经典的DW也是集成了强大的实时预览功能, 接下来我们看一个H5-Dooring的在线编程的实时预览模块:...在H5页面可视化搭建平台中, 我们也希望能实时的看到我们配置页面的效果, 比如改变了某个属性,能在画布中实时生效, 还能在手机上查看真机效果, 提供这一实时预览功能无疑是可视化配置平台的刚需....后面我们介绍的预览功能也依赖于pointData提供的数据.
2.