本地微信真机调试方法

介绍

写微信页面时最后需要真机调试，但是调试方式比较复杂，要域名，要求比较苛刻，且大多前端项目使用webpack构建，在打包之后上传至测试服务器进行调试，实在繁琐，且如果出现问题，要重复上述过程无法修改之后快速查看效果。以下方式可以解决此类问题。

下载一个代理软件，如charles(mac)，其他操作系统请自行安装。

修改本地hosts

将本地hosts /etc/hosts 文件 sudo vim 加入一行

127.0.0.1  xxx.xxx.com 配置成你微信公众平台设置的域名

在hosts加入这一行后，在本地访问xxx.xxx.com，会自动转为访问localhost → 127.0.0.1

使用代理软件

打开代理软件，打开代理服务，配置你喜欢的端口，charles默认为8888

手机网络代理至你的电脑

将自己的手机调成跟你电脑一样的wifi下，并在手机的wifi设置中配置代理为手动，ip填写你电脑的局域网ip，端口填写你配置代理的端口如8888，存储。在本地启动服务，注意要使用80端口启动（需sudo）。

微信访问

手机微信访问xxx.xxx.com 大概需要10秒钟会出来页面，由于我们的dev环境代码量很大（有很多webpack的plugin），几十兆的样子，如果用有对应域名的服务器来做代理，会比较慢，用局域网代理比较快，

注意

如果只测页面及获取微信的某些操作权限的功能（如分享，取照片，上传等），此方法都可以实现。因为微信只看我们在微信浏览器里访问了什么地址。如果要测微信推消息什么的功能，那么请用有对应域名的服务器做代理，才接受得到微信的消息（如token）。本质上是做了代理，微信以某个域名访问，转而访问到本地服务，绕过微信的某些限制。但微信推消息（如token）是往真实的xxx.xxx.com 地址下推，所以我们是收不到的。

赏

×

纯属好玩

扫码打赏，你说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦