mac下本地调试微信网页

调试微信网页，当然首推微信官方的开发者工具了

但是这个开发者工具只能调试服务端的网页，如果每次都去服务端发布，那效率也太低了，所以本地调试是当务之急

网上搜了很多，不是用各种工具就是抓包，实在是繁琐，其实原理并不复杂，无非是改下ip和端口的映射，映射到本地的端口即可

以下是我的实现步骤，分为两步

1.更改host，mac下推荐iHosts软件，免费版就可以用，将要调试的域名指向本地

127.0.0.1  www.xxxx.com

iHosts改host之后，能立即生效而且很方便的切换，再次推荐

2.用nginx做端口转发

由于微信开发者工具里只支持80和443端口，域名后续是不能带端口号的，所以仅仅做host更改是不行的

无法调试到本地的其余端口，因此用nginx做一下端口转发

    server {

          server_name www.xxxx.com
          listen 80;


          location / {
            proxy_pass http://127.0.0.1:8989;
          }
    }

这样就能在微信开发者工具里本地调试页面了

很简单也很方便