WEPT:微信小程序实时开发环境

Rox66C 7年前
   <h2><strong>Wept (Wechat app page development tool)</strong></h2>    <p>WEPT 是一个微信小程序实时开发环境,它的目标是为小程序开发提供高效、稳定、友好、无限制的运行环境。</p>    <p>项目后台使用 node 提供服务完全动态生成小程序,前端实现了 view 层、service 层和控制层之间的相关通讯逻辑。</p>    <p>项目已支持所有小程序 API (部分为模拟实现),已测试可在 Mac 和 Win7 上正常使用。</p>    <p>详细原理介绍参考:</p>    <ul>     <li><a href="/misc/goto?guid=4959721072058960978" rel="nofollow,noindex">微信小程序架构分析(上)</a></li>     <li><a href="/misc/goto?guid=4959721072151001640" rel="nofollow,noindex">微信小程序架构分析(中)</a></li>     <li><a href="/misc/goto?guid=4959721072247379293" rel="nofollow,noindex">微信小程序架构分析(下)</a></li>    </ul>    <h2><strong>主要特性</strong></h2>    <ul>     <li> <p>支持 wxml, wxss, javascript 和页面 json 自动热更新(不刷新页面)</p> </li>     <li> <p>使用系统 notification 更早的提示构建和请求错误</p> </li>     <li> <p>使用后台转发 XMLHttpRequest 请求,无需配置 CORS</p> </li>     <li> <p>没有官方工具构建时莫名奇妙的 bug</p> </li>     <li> <p>Mac 上启动后执行 apple script 打开 Chrome 到当前页面</p> </li>     <li> <p>可使用 Chrome 移动页面调试,可在移动端体验</p> </li>     <li> <p>无需网络连接</p> </li>    </ul>    <p style="text-align:center"><img src="https://simg.open-open.com/show/96b7ff4c1a7ab210d45d6d15b4b7c81c.gif"></p>    <h2><strong>安装 & 使用方法</strong></h2>    <p>下载安装 <a href="/misc/goto?guid=4958969786949998875" rel="nofollow,noindex">nodejs</a> , 请确保 node 版本 > 6.0 , 执行:</p>    <pre>  npm install wept -g</pre>    <p>到小程序项目根目录下执行命令:</p>    <pre>  wept</pre>    <p>使用 Chrome 访问 http://localhost:3000 打开开发者工具后启用移动页面调试模式(Mac 下快捷键为 ⌘ ⇧ M )</p>    <p>使用 wept -h 命令查看更多选项</p>    <h2><strong>API 接口实现状态</strong></h2>    <p>WEPT 会尽最大努力兼容小程序所有接口,如果你发现哪个接口有问题,请提issue</p>    <ul>     <li> <p>✓ app.json window 设置</p> </li>     <li> <p>✓ app.json tabbar 设置</p> </li>     <li> <p>✓ 页面针对 window 的 json 设置</p> </li>     <li> <p>✓ 微信登录:目前返回同官方工具无 appid 状态一致,为模拟返回</p> </li>     <li> <p>✓ 获取用户信息接口:返回测试用数据</p> </li>     <li> <p>✓ 发起支付:没做任何判定的模拟接口</p> </li>     <li> <p>✓ 设置界面标题</p> </li>     <li> <p>✓ 标题栏加载动画</p> </li>     <li> <p>✓ 页面跳转</p> </li>     <li> <p>✓ 下拉刷新 onPullDownRefresh & stopPullDownRefresh</p> </li>     <li> <p>✓ 创建动画</p> </li>     <li> <p>✓ 创建 Canvas 绘画</p> </li>     <li> <p>✓ 获取手机网络状态:默认返回 WIFI</p> </li>     <li> <p>✓ 获取手机系统信息:同官方工具,返回为模拟返回</p> </li>     <li> <p>✓ 监听重力感应数据:支持 Safari mobile 等移动浏览器调试</p> </li>     <li> <p>✓ 监听罗盘数据:支持 Safari mobile 等移动浏览器调试</p> </li>     <li> <p>✓ request 请求接口</p> </li>     <li> <p>✓ websocket 接口</p> </li>     <li> <p>✓ 上传、下载文件:临时文件路径为 blob url,可以传给下载和预览接口</p> </li>     <li> <p>✓ 保存文件</p> </li>     <li> <p>✓ 选择/预览图片</p> </li>     <li> <p>✓ 选择视频</p> </li>     <li> <p>✓ 录音 API</p> </li>     <li> <p>✓ 音频播放控制</p> </li>     <li> <p>✓ 背景音乐控制</p> </li>     <li> <p>✓ 获取当前位置</p> </li>     <li> <p>✓ 使用原生地图查看位置</p> </li>     <li> <p>✓ storage 同步 API</p> </li>     <li> <p>✓ storage 异步 API</p> </li>    </ul>    <h2><strong>TODO</strong></h2>    <ul>     <li> <p>wxml,storage,appData 面板支持</p> </li>    </ul>    <p> </p>    <p> </p>