微信开发系列——使用公众号测试号测试公众号webAPP

这是自己在学习和使用公众号记录下的傻瓜式测试号使用内容。基本一看就会，事无巨细。以免自己哪天忘了还要重新摸索。

衢山岛旅行合影

一、申请测试号

首先要有微信公众平台的账号（如何申请等这里省略），进入开发设置一览，找到微信公众号测试号申请，微信扫码进入后开始配置；

1. 登录后界面如下：

   
   
   

   测试号管理界面

内容说明

• 测试号信息 是测试号创建自动生成，后面调用接口生成 access_token 用。
• 接口配置信息修改 这里的URL是个可以收到发送的下面自定义 token（随便填）并作出响应的接口，这个是后台给的接口，调用微信的接口，能正确响应即可。不做详细解释，文档里都有。
• JS接口安全域名修改 配置安全域名，为了让公众号中关联的URL能在微信中访问到，需要设置此域名。

2. 下图是测试号中的用户列表，关注此测试后就会出现在这里。

   
   
   

   关注测试号用户列表

3. 下图是测试号使用接口的权限：

   
   
   

   测试号接口使用权限

通过查看此信息，可以知道有哪些接口我们是可以通过测试号进行测试的。

二、配置测试号

测试号可以和一般的公众号一样配置菜单等，只是这个没有提供快速创建的可视化面板，但是！是可以通过调用接口来生成。于是我就翻了一下开发文档，找到接口测试工具，去调用接口，生成自己想要的样子；

文档位置：

公众平台账号登陆后，下图菜单栏:

登录公众平台菜单栏

在线接口调试工具所在位置

在线接口调试工具使用界面

然后就可以愉快的使用了。

1、生成菜单栏：

• 1）生成 access_token:

  
  
  

  生成access_token
  
  

  点击“检查问题”按钮即调用，便可生成，记得保存下来获取到的 asccess_token的值，后面要使用。
  注意：这里获取token如果报错，提示某IP地址没在白名单内，把打印出来的IP放到白名单即可（在正式的账号内会出现这个问题，测试号我没遇到过，猜测是填这里，没有问题或者不对的就忽略此项）。

  
  
  

  安全域名配置

• 2）切换接口类型，到“自定义菜单”，然后进行调试：
  
  

  调用接口的具体使用参数配置
  
  真实例子：
  
  

  创建菜单使用实例
  
  以上配好了之后，从微信公众号中找到自己关注的测试号，打开就可以看到添加的菜单栏。点击对应的按钮就会跳转到设置的URL中。

三、配置Mac本地Apache 服务器供外部访问

这个其实不难，就是估计很多人没有具体使用过，我也是无意中摸索出来的。之前就是本机访问自己的电脑部署的系统，其他设备是无法访问，也就是以前和小伙伴一起搞过这玩意儿，他的Windows系统有插件直接关闭防火墙就可以用，我的死活连不上，当时也不明白啥原因，今天突发奇想，才把这个真的搞出来了，突然就想通一个事情（偷偷的卖个关子）。
要让别的设备能够访问，首先要在终端打开Mac自带的Apache服务，使用命令

$ sudo apachectl start // 打开本地 Apache 服务

$ sudo apachectl stop // 关闭本地 Apache 服务

然后输入密码，就打开了。访问 http://localhost/index , 就可以看到是否成功，成功的话会出现几个字（It works！）失败则可能有好多种原因，目前没遇到过。其实刚才说的我想通的事，就是这个服务打没打开的事，我以前没留意打没打开，就想是不是因为这个服务器关闭了，导致访问不了，今天就为了验证一下，所以试了试水。虽然还是不确定是不是这个原因，但是至少今天成功访问到了。
另外也可以自己设置本地的服务器，配置端口可以参考我的Mac 自带 Apache 多端口配置。
然后就是在自己的本地资源库中放入部署文件。打开 finder -> 前往文件夹，操作如下：

服务器文件所在路径

然后就能看到刚才那个works所在位置：

部署的服务目录

只要部署文件在打包的时候路径配好，丢进去就好了。其他目录结构根据自己需要变化。

部署好了，接下来就可以访问了…….

友情提示：
如果是自己写好的H5项目，想要测试，可以直接在微信开发者工具中进行调试查看。