介绍一款微信小程序第三方开发工具（WEPT）-pembangunan WeChat-php.cn

介绍一款微信小程序第三方开发工具（WEPT）

Y2J

Lepaskan： 2017-05-02 10:21:23

asal

3145 orang telah melayarinya

微信小程序开发工具第三方开发工具WEPT，WEPT主要功能：实时更新，支持 wxml wxss javascript json 更加稳定，不像官方工具经常出错没有限制，无需联网，无需后端配置 CORS ，支持移动浏览。

项目地址：github.com/chemzqm/wept

WEPT主要功能：

实时更新，支持 wxml wxss javascript json

更加稳定，不像官方工具经常出错

没有限制，无需联网，无需后端配置 CORS ，支持移动浏览器调试

个人测试 Mac 和 win7 上可用，如遇到 bug ，欢迎 github 开 issue 。

详细介绍

WEPT 是一款微信小程序实时运行环境，相比于现在官方提供的开发者工具，它具备以下几个特点：

1.完全实时：它已全面支持 wxml， wxss，javscript 和 json 文件的自动热更新，文件保存后相应变化会自动更新到小程序的运行环境，开发者完全不需要重建、重启操作，绝大多数情况下（除非修改 app.json ）也不需要刷新。因为没有了刷新，开发者不用再费时去操作界面重现修改前的页面状态。整个过程支持多终端同步进行。

2.更加稳定： WEPT 的小程序构建过程相比官方工具要更加稳定，不会像官方工具一样经常性报错 appservice not ready，甚至直接崩溃，如果遇到后台或者小程序构建错误，它会在页面上即时给出错误提醒。如果你安装了 growl或者 terminal-notifier，它还会同时在桌面上弹出错误提醒。

3.没有限制： WEPT 生成的小程序页面可以运行在移动端浏览器上面，使用过程也无需联网。它通过一个定制的代理协议使用后台转发 XHR 请求，开发者无需配置后端 CORS 即可调试。

4.更多的 API： WEPT 除了支持全部官方已支持 API 之外，还实现了重力感应和罗盘的 API，你可以在支持相应 html5 接口的移动端浏览器上进行调试。

实现原理

简单说它就是一个与后端通过 WebSocket 接口与前端进行实时通讯的 web 服务。后端服务请求时动态编译所需文件，

前端通过 iframe 实现了 view 层、service 层以及控制层页面的多方通讯和控制逻辑。

前端 view 层和 service 层代码来自微信开发者工具最新版本（目前是 101100,

稍作修改以支持 iframe 通讯以及自动更新），控制层页面是完全重新实现的，使用了一点React

进行 UI 状态同步。

安装 & 使用

1.首先你需要安装 node，请确保版本大于 6.0，低版本有可能报错。

2.然后任意目录运行：

3.npm install -g wept