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

Posted jiangchunsheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了搭建可调试的微信公众平台本地测试环境相关的知识,希望对你有一定的参考价值。

最近在筹建一个协同开发的开源项目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

以上是关于搭建可调试的微信公众平台本地测试环境的主要内容,如果未能解决你的问题,请参考以下文章

菜鸟学自动化测试:selenium 2.0环境搭建(基于maven)

微信公众号测试号申请及本地开发环境配置

微信小程序环境搭建(本地,测试,生产)

微信公众平台开发——环境搭建与开发接入

2 微信开发本地代理环境的搭建--实现将内网ip映射到外网

微信小程序的开发环境搭建(Windows版本)