微信小程序预览，怎么实现的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2486 天前的主题，其中的信息可能已经有所发展或是发生改变。

话说，网页上小程序预览怎么做的很多提供开发小程序的产品，都可以在线预览呢他们是怎么实现的呀

我大概猜一下，是通过一些网页模板引擎来进行渲染的

那是不是先要把组件的信息存起来，然后展示 html 的时候，就用引擎转换一下

求解求解~~ 谢谢大家

预览

求解

程序

引擎

5 条回复 • 2018-02-08 16:56:58 +08:00

POPOEVER

2018-02-07 18:16:03 +08:00

调 API 服务器端渲染后返回网页啊

nciyuan

2018-02-07 22:03:03 +08:00 via Android

一个小程序最大才 2MB，直接给浏览器也没有压力啊

tosmq009

2018-02-08 11:08:28 +08:00

@POPOEVER @nciyuan 不是说在微信客户端展示，而是说在 PC 的展示，很多小程序开发网站，都提供在 PC 预览小程序效果的 H5 渲染，而这个 H5 渲染，是怎么做到的？如果要同步到微信小程序，是不是需要一个转编译的过程呢？

POPOEVER

2018-02-08 11:43:19 +08:00

@tosmq009 H5 渲染是什么意思？不是说了么，服务器端渲染成网页直接返回，都直接渲染成网页了还管他在那里显示，React 不就是一样的道理么

nciyuan

2018-02-08 16:56:58 +08:00 via Android

@tosmq009 1.請問，給 Chrome 一个总共才 2M 的网站，一定是很 OK 的，一般 PC 完全可以承受 2M 的网页
2.请学习一下 iframe 这个 HTML 标签相关的知识
3.请你参考 Chrome DevTools 如何仿真自动设备
还有呢，小程序的框架和 API 的功能代码用 html 也可以实现啊
基本上就两种情况，把 WXML 相关的内容用 html 替代重做一遍，然后交给浏览器渲染，或者服务器端直接渲染好，然后返回直接加载