项目地址: https://github.com/chemzqm/wept
主要功能:
实时刷新演示优酷视频地址: ==.html
个人测试 Mac 和 win7 上可用,如遇到 bug ,欢迎 github 开 issue 。
详细介绍WEPT 是一款微信小程序实时运行环境,相比于现在官方提供的开发者工具,它具备以下几个特点:
实现原理详细的实现方式请参考我之前发的文章:
简单说它就是一个与后端通过 WebSocket 接口与前端进行实时通讯的 web 服务。后端服务请求时动态编译所需文件,
前端通过 iframe 实现了 view 层、service 层以及控制层页面的多方通讯和控制逻辑。
前端 view 层和 service 层代码来自微信开发者工具最新版本(目前是 101100,
稍作修改以支持 iframe 通讯以及自动更新),控制层页面是完全重新实现的,使用了一点 React
进行 UI 状态同步。
首先你需要安装 node,请确保版本大于 6.0,低版本有可能报错。
然后任意目录运行:
npm install -g wept
安装完成后在项目根目录下运行, 官方 demo 下载:
wept
即可开启服务,访问 :3000 开始调试(推荐使用 Chrome developer devtools 开启启动模式调试),
你也可以通过 -p 参数换个端口,例如:
wept -p 4000
手机访问记得使用电脑的局域网 IP 地址。
API 支持情况以下是当前所有小程序 API 的支持情况:
特别感谢我司 匠物 对于开源项目的理解和大力支持。
如果您在使用过程中遇到问题请及时到 github 进行反馈,我会尽快处理。