搭建可调试的微信公众平台本地测试环境

最近在筹建一个协同开发的开源项目NWechat,项目开始前,有几样事情要准备。

搭建可调试的微信公众平台本地测试环境

1)项目管理系统的选定;

2)源码版本控制系统的选定;

3)开发环境的搭建。

4)团队的建设。

开发环境搭建便是项目启动前,要做的几件事情之一。

一、问题是这样的

在微信开发的时候,必须要输入URL,而该URL必须是外网域名。

搭建可调试的微信公众平台本地测试环境

这就造成了一个问题,我们在开发环境下不能测试代码,更谈不上调试代码了。

二、大家是这么做的

我问过一些开发者正在使用的方案:

1)搭建测试服务器。

在开发环境编码后,提交到测试服务器测试。

2)在开发环境模拟微信公众平台API。

使用模拟器或Fiddler等工具模拟微信公众平台API的请求或响应。

3)在开发环境的机器上搭建服务器,将发布的网站目录指向开发项目目录。

(其实是方案一的一个变种,减少了提交代码到测试服务器的一个步骤)。

三、NWechat Team是这样做的

1、从localhost到127.0.0.1

1)运行你的web项目,在右下角的任务托盘找到IIS Express,右键弹出菜单,点击“显示所有应用程序”。

搭建可调试的微信公众平台本地测试环境

2)在弹出了的界面中点击网站名称,然后再点击配置文件路径打开配置文件。

搭建可调试的微信公众平台本地测试环境

3)找到sites下对应项目所在的site节点,在bingdings子节点下找到对应的网站,把localhost改成127.0.0.1并保存退出。

搭建可调试的微信公众平台本地测试环境

4)关闭VS2013,然后以管理员身份启动。

搭建可调试的微信公众平台本地测试环境

5)修改项目属性

搭建可调试的微信公众平台本地测试环境

6)运行

搭建可调试的微信公众平台本地测试环境

2、从127.0.0.1到Internet

1)用文本编辑工具打开:ngrok.bat

搭建可调试的微信公众平台本地测试环境

2)修改ngrok.bat

搭建可调试的微信公众平台本地测试环境

3)双击ngrok.bat

搭建可调试的微信公众平台本地测试环境

4)使用外网链接访问

搭建可调试的微信公众平台本地测试环境

3、配置微信公众平台接口信息

搭建可调试的微信公众平台本地测试环境

至此,一个可调试的微信公众平台本地测试环境就搭建完成了。

相关工具下载

搭建可调试的微信公众平台本地测试环境

下载地址:https://github.com/hanzhaoxin/NWechat

搭建可调试的微信公众平台本地测试环境

(0)
(0)
   
举报
评论 一句话评论(0
上一篇:小程序抽奖老虎.机实现原理


下一篇:在微信小程序中使用vant