0

0

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

Y2J

Y2J

发布时间:2017-05-02 10:21:23

|

3549人浏览过

|

来源于php中文网

原创

微信小程序开发工具第三方开发工具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

4.安装完成后在项目根目录下运行, 官方 demo 下载:

5.wept

即可开启服务,访问 localhost:3000 开始调试(推荐使用 Chrome developer devtools 开启启动模式调试),

你也可以通过 -p 参数换个端口,例如:

wept -p 4000

手机访问记得使用电脑的局域网 IP 地址。

API 支持情况

以下是当前所有小程序 API 的支持情况:

 

✓ app.json window 设置

✓ app.json tabbar 设置

✓ 微信登录:目前返回同官方工具无 appid 状态一致,为模拟返回

UQ云商B2B2C系统
UQ云商B2B2C系统

UQCMS云商是一款B2B2C电子商务软件 ,非常适合初创的创业者,个人及中小型企业。程序采用PHP+MYSQL,模板采用smarty模板,二次开发,简单方便,无需学习其他框架就可以自行模板设计。永久免费使用,操作简单,安全稳定。支持PC+WAP+微信三种浏览方式,支持微信公众号。

下载

✓ 获取用户信息接口:返回测试用数据

✗ 发起支付:同官方工具无 appid 状态,无法使用

✓ 设置界面标题

✓ 标题栏加载动画

✓ 页面跳转

✓ 下拉刷新

✓ 创建动画

✓ 创建 Canvas 绘画

✓ 获取手机网络状态:默认返回 WIFI

✓ 获取手机系统信息:同官方工具,返回为模拟返回

✓ 监听重力感应数据:支持 Safari mobile 等移动浏览器调试,官方工具(101100)不支持

✓ 监听罗盘数据:支持 Safari mobile 等移动浏览器调试,官方工具(101100)不支持

✓ request 请求接口

✓ websocket 接口

✓ 上传、下载文件

✓ 保存文件

✓ 选择/预览图片

✓ 选择视频

✓ 录音 API

✓ 音频播放控制

✓ 背景音乐控制

✓ 获取当前位置

✓ 使用原生地图查看位置

✓ storage 同步 API

✓ storage 异步 API

未来计划

图片预览功能支持

wxml,storage,appData 开发者工具面板支持

提供桌面端工具支持

相关文章

微信app下载
微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
go语言 注释编码
go语言 注释编码

本专题整合了go语言注释、注释规范等等内容,阅读专题下面的文章了解更多详细内容。

2

2026.01.31

go语言 math包
go语言 math包

本专题整合了go语言math包相关内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

go语言输入函数
go语言输入函数

本专题整合了go语言输入相关教程内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

golang 循环遍历
golang 循环遍历

本专题整合了golang循环遍历相关教程,阅读专题下面的文章了解更多详细内容。

0

2026.01.31

Golang人工智能合集
Golang人工智能合集

本专题整合了Golang人工智能相关内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

2026赚钱平台入口大全
2026赚钱平台入口大全

2026年最新赚钱平台入口汇总,涵盖任务众包、内容创作、电商运营、技能变现等多类正规渠道,助你轻松开启副业增收之路。阅读专题下面的文章了解更多详细内容。

76

2026.01.31

高干文在线阅读网站大全
高干文在线阅读网站大全

汇集热门1v1高干文免费阅读资源,涵盖都市言情、京味大院、军旅高干等经典题材,情节紧凑、人物鲜明。阅读专题下面的文章了解更多详细内容。

73

2026.01.31

无需付费的漫画app大全
无需付费的漫画app大全

想找真正免费又无套路的漫画App?本合集精选多款永久免费、资源丰富、无广告干扰的优质漫画应用,涵盖国漫、日漫、韩漫及经典老番,满足各类阅读需求。阅读专题下面的文章了解更多详细内容。

67

2026.01.31

漫画免费在线观看地址大全
漫画免费在线观看地址大全

想找免费又资源丰富的漫画网站?本合集精选2025-2026年热门平台,涵盖国漫、日漫、韩漫等多类型作品,支持高清流畅阅读与离线缓存。阅读专题下面的文章了解更多详细内容。

19

2026.01.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Excel 教程
Excel 教程

共162课时 | 14.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号