你将收获
实时预览的应用场景和实际案例
画布元素和属性编辑器的实时联动方案
实时预览的一般思路
真机扫码预览的实现思路
基于nodejs中间层实现高可用的实时预览方案
正文
一般情况下实时预览的功能会交给前端来实现...实时预览的一般思路
在笔者之前的文章中详细的介绍了如何实现Web IDE的实时预览方案, 也就是nodejs + iframe的方式, 但是对于我们H5-dooring可视化编辑器来说, 可能需要另一种方式...基于我们之前提到的json schema作为预览的数据源, 我们很容易想到在预览页面通过数据源来重新渲染出一个H5页面, 思路如下:
?...tid=${tid}`
复制代码
其他至于如何用nodejs返回指定参数的文件, 这个比较简单, 这里就不一一实现了, 但是一定要理解以上的真机预览实现流程.
4....答案是通过api请求.我们再次利用nodejs来实现存储用户配置的数据, 在预览的时候判断如果localStroage可以获取到数据, 那么直接使用localStroage的数据, 如果获取不到, 直接访问