canvas教程

微信小程序实时开发工具 WEPT 正式发布了

字号+ 作者:H5之家 来源:H5之家 2016-11-10 18:01 我要评论( )

项目地址: https://github.com/chemzqm/wept 主要功能: 实时刷新演示优酷视频地址: ==.html 个人测试 Mac 和 win7 上可用,如遇到 bug ,欢迎 github 开 issue 。 详细介绍 WEPT 是一款微信小程序实时运行环境,相比于现在官方提供的开发者工具,它具备以

项目地址: 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 的支持情况:

  • 获取手机网络状态:默认返回 WIFI
  • 未来计划 感谢

    特别感谢我司 匠物 对于开源项目的理解和大力支持。

    如果您在使用过程中遇到问题请及时到 github 进行反馈,我会尽快处理。

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • Android仿微信二维码和条形码

      Android仿微信二维码和条形码

      2016-11-11 10:00

    • 首批支持Surface Studio配件Dial的Win10应用程序公布

      首批支持Surface Studio配件Dial的Win10应用程序公布

      2016-11-09 13:00

    • 程序员技术练级攻略

      程序员技术练级攻略

      2016-11-02 11:00

    • HTML5新特性之用SVG绘制微信logo 自学教程视频1qun.com

      HTML5新特性之用SVG绘制微信logo 自学教程视频1qun.com

      2016-10-21 16:00

    网友点评
    i