微信开发-使用VS本地调试程序

通常微信 web 端的页面都需要发布到外网,碰上极其难用复杂的发布系统,我们前端狗们也是吐槽无力,就算 FTP 一来一回的方便,但本身这样做就是不科学(优雅)的搞法。因为对于线上已有的版本,在没开发测试完之前谁也不敢甩到外网。

俊霖推荐使用ngrok映射调试微信程序。本来浏览网页是ngrok的官网,无意中发现sunny童鞋弄了一个自己的ngrok,俊霖使用之后发现速度还不错。传送门

微信开发-使用VS本地调试程序

在官网注册一个账号,登录进入用户中心。在【隧道管理】-【开通隧道】下选择所需配置。有免费的当然用免费的,香港走你~填写好相关资料,本地端口填写vs中你自己的微信程序的调试端口。点击确认,注意是两次确认。前置域名是用来映射访问的域名。添加完成之后,在隧道管理里可以修改刚刚填写的配置信息,如果你有自己的域名,可以将前置域名更改为自己的自定义域名。

微信开发-使用VS本地调试程序

在官网的【客户端下载】下载与自己操作系统相应的客户端,下载打开之后是两个文件,微信开发-使用VS本地调试程序

打开bat批处理命令文件,怕有毒的童鞋可以自己右键查看源代码。

微信开发-使用VS本地调试程序微信开发-使用VS本地调试程序

此处填写自己刚刚开通的隧道id,回车。等待隧道状态变成【在线】。

回到微信公众号开发中心,填写申请微信中的接口配置信息中的URL,TOKEN随意,点击提交。

微信开发-使用VS本地调试程序

奇迹出现了~

微信开发-使用VS本地调试程序

就这样轻松的进入了调试模式。

特别要注意的是,自定义域名填写要到域名注册商添加解析。

=============/* 过程中需要注意的问题 */================

刚刚开始使用域名访问的时候127.0.0.1:端口号 会出现400错误的情况,这是因为调试程序的配置文件中只有localhost才有的访问权限。大致的解决方案如下:

  1. 关闭防火墙。 这一步很关键,但是并不能解决问题。
  2. 卸载ipv6。 我也不知道这个到底在最终成功时起不起作用,反正我是卸载了,但是卸载之后还是不行。
  3. 重装IIS。 这点我并没有做,因为网页直接访问127.0.0.1会弹出IIS7的界面,所以感觉应该不是这个的毛病。
  4. 如果你只是想在局域网下的其他设备访问还可以尝试这个方法发布网站。

但是除了4以外最终都没解决我的问题,而4又太麻烦了,最终我去查了下IIS里网点的配置,终于找到了问题所在

  1. 首先运行你的网站;
  2. 右键点击桌面右下角的IIS EXPRESS>>显示所有程序,发现只有一项,这说明没有进行网点的配置,点击你这一项,在下面会有”配置”这个路径,找到这个路径下的文件;
  3. 在VS中打开applicationhost.config这个文件,找到”sites”这个节点下自己工程的”site”;
  4. 发现只有这一行绑定

那么我们加上本机IP和127.0.0.1的绑定就可以了

OK,重新运行程序,完美解决~

用餐愉快~

俊霖

发表评论

您必须