微信公众号开发(一)——环境搭建

时间:2024-02-20 11:42:31

一、 微信公众号开发环境的搭建

工欲善其事必先利其器,要进行微信公众号的开发离不开开发环境和开发工具。在微信公众号开发前要准备两样东西:

  1. 微信公众号测试账号
  2. 调试代码的开发环境

1.1、注册测试公众号

  微信公众号分为服务号、订阅号、企业号,订阅号可以个人申请,服务号和企业号要有企业资质才可以。

  

  我们所说的微信公众号开发指的是订阅号和服务号。

  关于订阅号和服务器的区别,官方是这样解释的

  服务号:主要偏向于服务交互(功能类似12315,114,银行,提供绑定信息,服务交互),每月可群发4条消息;服务号适用人群:媒体、企业、*或其他组织。

  订阅号:主要偏向于为用户传达资讯,(功能类似报纸杂志,为用户提供新闻信息或娱乐趣事),每天可群发1条消息;订阅号适用人群:个人、媒体、企业、*或其他组织。

  个人订阅号有一些接口是没有权限的,也就是说个人订阅号无法调用一些高级的权限接口,下图就是一个我的个人订阅号所具备权限列表,如下图所示:

  

  而一些高级接口,如生成二维码、网页授权、自定义菜单、微信支付这样的接口权限个人订阅号是没有调用权限的,如上图红色框起来的那些接口,个人订阅号都无法调用。

  幸运的是,微信公众平台提供了测试公众账号,测试公众号的注册地址为:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login,只需要到这个页面,点击登录,并用自己的微信客户端扫码,并授权登录,就可以获得属于自己的测试公众号。测试公众号具备几乎所有的接口,所以平时学习微信公众号开发时,就可以去注册一个测试公众号,然后使用这个测试公众号做开发就可以了。不废话了,还是先注册一个测试公众号吧

  访问http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login,注册一个测试公众号。

  注册测试公众号的步骤如下图所示:

  

 

  

  用微信扫描上述的二维码进行登录,登录成功后,就可以看到腾讯分配给我们的测试公众号的信息了,如下图所示:

  

  测试公众号的所拥有的接口权限如下:

  

  可以看到,测试公众号拥有大部分的接口调用权限,因此用测试公众号来学习微信开发是完全可以的

1.2 搭建微信公众号本地开发环境

想要实现本地测试,那么需要实现外网能访问本地内网,即需要实现内网穿透,即我们可以将内网的服务器映射到外网给别人访问。

微信开发使用的内网映射工具,下面介绍两款,本章会以natapp作为工具介绍:

  1. natapp
  2. 花生壳

natapp 内网穿透工具使用简介:

  1. 首先在本站注册账号 点击注册

  2. 登录后,点击左边 购买隧道,免费/付费均可
    blob.png

  3. 根据需要选择隧道协议,这里以web演示,购买隧道
    blob.png

  4. 本机建立web服务,如 nginx/apache/iis 等,默认80端口

确保 http://127.0.0.1 可以访问,如

本机访问.jpg

5.在 natapp.cn 根据您的本机下载对应的客户端,比如我的本机是win10,64位,则下载Windows 64位的客户端

QQ截图20160529162014.jpg

6.下载之后,解压至任意目录,得到natapp.exe

exe程序.jpg

7.取得authtoken 在网站后台,我的隧道处,可以看到刚才购买的隧道

隧道列表.jpg

点击复制,即可得到 authtoken 这个authtoken便是您的隧道登录凭证.如这里得到的authtoken为9ab6b9040a624f40

 

8.运行natapp

 

natapp支持两种运行方式

    a) config.ini方式 (推荐)
      根据操作系统下载不同的config.ini文件到刚才下载的natapp.exe同级目录 详见
    将第7步得到的authtoken填进去 (其他地方都不填),然后保存 
     blob.png      

     windows下,直接双击natapp.exe 即可.

 

     在Linux/Mac 下 需要先给执行权限

1
      chmod a+x natapp

     然后再运行
   

1
     ./natapp

     
     b) cmd -authtoken= 参数方式运行.
     windows ,点击开始->运行->命令行提示符 后进入 natapp.exe的目录
    运行

1
          natapp -authtoken=9ab6b9040a624f40

    linux ,同样给予可执行权限之后,运行

    

1
        ./natapp -authtoken=9ab6b9040a624f40

 注意参数输入正确性,不要有多余的空格等!

 
9.运行成功,都可以得到如下界面:

blob.png
Tunnel Status  Online 代表链接成功
Version      当前客户端版本,如果有新版本,会有提示
Forwarding    当前穿透 网址 或者端口
Web Interface  是本地Web管理界面,可在隧道配置打开或关闭,仅用于web开发测试
Total Connections 总连接数
Avg Conn Time 0.00ms 这里不代表,不代表,不代表 延时,需要注意!

10.将natapp分配的网址(上图Forwarding ),鼠标选定然后复制下来(选定之后单击鼠标右键),在浏览器中访问,可以看到内网穿透成功了!

blob.png
该网址  http://ywy9n8.natappfree.cc  就是可以全球访问的网址,可以发给您的小伙伴试试 :)

到此微信开发的前置条件已经准备好了。