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

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

请问微信开发如何做本地调试呢？不可能每次修改代码后都上传到服务器然后用微信查看调试结果吧，有没有本地调试方法。
或者说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 办公的果狗，平台比较统一所以比较好办。
我们用到的工具：
 主要的步骤是：
  1. 将 iMac 和设备都连接到同一 WiFi 下 ，并保证他们在同一网段，比如：
    iMac 192.168.1.88
    iPhone 192.168.1.101
  2. 通过 Charles 打开 iMac 的代理服务，并抓包
  3. 把设备 HTTP 代理设置成手动，服务器地址为 iMac 的 IP，端口号默认为 8888


  4. 通过 Gas Mask 来修改 iMac 的 HOST 文件


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

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

整个的过程是这样的：

以上，手机上 的请求经由主机，在 HOST 文件的影响下都跑去主机的 htdoc 目录。
这边保存，那边刷新，巴适惨得哭。

以上的例子是 Mac 环境，Windows 下 Fiddler + Willow 的无敌组合是一样的，如有需要可以试试。

这是我们做法，希望对题主有用，就这样。
 
 
 
https://www.zhihu.com/question/25456655
posted @ 2018-01-26 13:06  yanzi_meng  阅读(1170)  评论(1)  编辑  收藏  举报