微信开发如何做本地调试？

最新推荐文章于 2021-10-16 12:09:10 发布

weixin_30662109

最新推荐文章于 2021-10-16 12:09:10 发布

阅读量84

点赞数

原文链接：http://www.cnblogs.com/yanzi-meng/p/8359035.html

版权

微信开发如何做本地调试？

请问微信开发如何做本地调试呢？不可能每次修改代码后都上传到服务器然后用微信查看调试结果吧，有没有本地调试方法。
或者说zend studio等开发工具有什么方法能直接连接到服务器的url，在zend studio里修改了代码自动让服务器上的代码也相应变化了。
如果在微网页上使用了微信的Oauth接口，那又该如何调试呢？或者说如果在微信端调试，如何打log？

======================================================
@刘十九的提议非常好，问题解决了，自己总结了一下详细的步骤，供有需要的人参考。
一：ngrok的使用基于windows
1：为什么要使用ngrok
在微信开发的时候需要填写与微信服务器相连接的url 这个url必须是外网域名，
也就是说我们需要在这个外网域名对应的ip服务器上做开发，而没办法本地开发调试
所以用ngrok获得一个外网域名这个外网域名实际访问的是本地主机
这样把此外网域名填入到微信需要的外网url里就可以在本地开发调试了
2：下载ngrok ngrok - secure introspectable tunnels to localhost windows版
3：注册ngrok 得到your auth token 后面的自定义域名必须要有这个token
4: 打开cmd cd到ngrok.exe在的目录，执行ngrok 80 就可以给你本机的127.0.0.1:80分配一个外网可以访问的域名例如http://1f1b1c.ngrok.com
也就是外网访问http://1f1b1c.ngrok.com 就是访问你本机的127.0.0.1:80，当然如果你执行ngrok 8080 那就是分配一个域名访问127.0.0.1:8080
5: 上面分配的域名是临时的，可能下次开电脑这个域名就变化了，我们需要一个固定的域名映射到本机的80端口
所以先登录执行ngrok -authtoken XUsFLvG4hgb8ukjvML8YBXX 80 这里填写的是你注册时给你的token，
然后ngrok -subdomain myapp 80 这样后续你通过http://myapp.ngrok.com 就可以一直访问到本机的127.0.0.1:80了
当然如果是想访问的是8080端口那就把上面的80都改成8080
6：不要关闭cmd窗口关闭后提供的域名就访问不了了如果要查看ngrok给你做的中转http信息访问http://localhost:4040/
7：具体到微信的开发一定要注意由于是ngrok做的中转出于安全考虑通不过微信的默认语句libxml_disable_entity_loader(true);
所以注释掉他等正式部署到服务器再取消注释

关注者

1,306

被浏览

178,201

44 个回答

假装有人邀，刚好最近团队也碰到类似的问题，一点点经验拿来分享一下。
只说说本地调试。
通常微信 web 端的页面都需要发布到外网，碰上极其难用复杂的发布系统，我们前端狗们也是吐槽无力，就算 FTP 一来一回的方便，但本身这样做就是不科学（优雅）的搞法。因为对于线上已有的版本，在没开发测试完之前谁也不敢甩到外网。
在传统的桌面 web 端开发流程里，本地开发完成后的环节是测试联调，所以先讲讲怎么给设备配 HOST。

1. 给设备配 HOST

世界上最遥远的距离，你在外网，我在测试环境。

改设备的 HOST 文件本身就是高级（变态）玩法，所以默认情况下是没有权限来更改的。但是，iOS 设备在越狱后，Android 设备在 root 后你就能随便乱来了，专门用来改host 文件的应用也是一搜一大把，当然前提是你得把设备越狱和 root 。
这儿只讲讲在没有越狱和 root 的情况下怎么给设备配 HOST。
主要的思路就是，通过一台主机作为代理服务器，手机通过 HTTP 代理连接过来，手机上所有的 HTTP 请求都经过主机代理，这样只要更改主机的 HOST 就可以达到目的了。
Team 就只有我和两个人，我们都是 MacbookPro 办公的果狗，平台比较统一所以比较好办。
我们用到的工具：

一台接入到 WiFi 的 iMac
任意多台接入到同 WiFi 网段的移动设备，iOS 或 Android 不限
用来开启代理服务和抓包的应用 Charles (Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy)
HOST 管理应用 Gas Mask (2ndalpha/gasmask · GitHub)

主要的步骤是：

将 iMac 和设备都连接到同一 WiFi 下，并保证他们在同一网段，比如：
iMac 192.168.1.88
iPhone 192.168.1.101
通过 Charles 打开 iMac 的代理服务，并抓包
把设备 HTTP 代理设置成手动，服务器地址为 iMac 的 IP，端口号默认为 8888
通过 Gas Mask 来修改 iMac 的 HOST 文件

所以，整个的流程看上去是这个样子的:

顺带一提这样做的一个好处，微信内置的 Webview 里很多的 JS API 是要申请权限的，（理论上）微信会对当前 URL 所在域名进行权限校验。所以，如果不用与外网真实环境一致的域名就不能调用到这些 API 的方法，HOST 就很好的避免了这个问题。
以上，手机上所有 http://dianhua.qq.com 的请求都经由 Charles 的代理来到了主机上，主机因为被修改了 HOST，http://dianhua.qq.com 的请求间接的被转到了 HOST 文件里设置的 IP。2. 本地调试
看到题主一遍一遍的提到 Zend Studio 我就乐了，PHP狗来嘛，HOST 都解决了，本地调试还不简单：