微信公众帐号环境搭建与开发接入（—）

1、 初始微信公众平台

@font-face { font-family: '宋体'; }@font-face { font-family: 'Cambria Math'; }@font-face { font-family: '@宋体'; }@font-face { font-family: 'Calibri'; }p.MsoNormal, li.MsoNormal, div.MsoNormal { margin: 0cm 0cm 0.0001pt; text-align: justify; font-size: 10.5pt; font-family: Calibri; }a:link, span.MsoHyperlink { color: rgb(5, 99, 193); text-decoration: underline; }a:visited, span.MsoHyperlinkFollowed { color: rgb(149, 79, 114); text-decoration: underline; }p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph { margin: 0cm 0cm 0.0001pt; text-align: justify; text-indent: 21pt; font-size: 10.5pt; font-family: Calibri; }.MsoChpDefault { font-size: 10.5pt; font-family: Calibri; }div.WordSection1 { }ol { margin-bottom: 0cm; }ul { margin-bottom: 0cm; }

微信公众平台，即咱们平时所说的“公众号”，曾用名“官方平台”、“媒体平台”，但最终命名为“公众平台”。从微信的命名我能够发现，公众平台不仅是官方、媒体使用的平台，而是对全部公众都开放的统一平台。

微信公众平台地址：https://mp.weixin.qq.com/

微信公众平台公分4大板块：订阅号、服务号、小程序、企业号。按照微信2016年公开课规划，企业号后续将与企业微信合并，所以咱们主要针对前三部分开始讲解：

 

 

           简单的对比一下前三者的区别以及本次课程即后续课程的讲解重点：

一、  订阅号和服务号均为传统意义的“公众号”，具备消息群发能力，详细区别可在官方平台查看：http://kf.qq.com/faq/140806zARbmm140826M36RJF.html 咱们将注重于服务能力开发，而在服务方面，二者开发模式彻底相同，只不过服务号可使用更多的服务接口，而订阅号则是“阉割版”的服务号。所以，后续课程咱们将使用服务号为案例进行操做。

二、  微信小程序，本来为“微信应用号”，即一个根植在微信生态系统内的APP。因苹果和谷歌的限制，“应用号”未上线便已夭折，取而代之的是适度阉割功能的“微信小程序”，而其堪比原生APP的操做体验，也使得小程序成为时下大火的开发方向。而杰瑞教育 全新的H5开发课程，也将加入时下火爆的微信小程序开发。

 

2、 开发帐号准备

一、  帐号注册

进入微信公众平台https://mp.weixin.qq.com ，点击右上角当即注册，选择“服务号”或“订阅号”注册（服务号仅限机构用户注册，我的用户只能选择订阅号）

注册时需填写一系列信息，根据提示填写便可，此处不作赘述。

二、  测试帐号申请

若是暂时不想注册帐号，或者没法注册服务号，可选择官方提供的测试帐号申请。申请地址：http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 点击后扫描二维码，便可得到一个测试帐号，拥有服务号所有权限。

 

 

3、 开发环境准备

一、  外网映射工具

微信公众平台在访问后台时，必须提供可以正确访问的外网地址，微信平台对后台URL的要求有两点：

① 必须可以用公网访问    ② 必须使用80端口

要实现以上两点，咱们能够选择购买外网服务器，例如：阿里云、百度云、腾讯云…都是不错的选择。若是没有服务器，能够选择用外网映射工具，将咱们的内网连接映射为公网，比较不错的映射软件有：花生壳、ngrok、nat123等…

这几款软件均可以百度很容易搜索到并下载，下面简单讲解一下用法：

①   Ngrock：

进入dos环境，切换到ngrock所在盘符，输入ngrock 8080 回车：

 

 

 

 

 

           回车后等待一会，便可获得公网连接，下图所示阴影区域给出的连接，便可直接访问本机127.0.0.1:8080下的连接内容，分别是http协议和https协议对应的地址：

            

 

②   花生壳、nat123，都可安装软件后，在软件中操做，详情可查看百度经验：http://jingyan.baidu.com/article/363872ec361d3f6e4ba16ff9.html 此处不作赘述

4、 微信公众平台数据交互原理

搭建好公网访问地址后，咱们本身开发的后台代码就能够放到公网地址了，那么用户是怎么样访问到咱们的代码呢？

下面咱们来看一下微信公众平台的数据交互原理：

 

 

           从上图能够看到，微信公众平台实际只是起到一个桥梁做用，实际处理业务、提供服务的代码，依然是放在咱们本身的服务器或者公网映射上面。

           那么，咱们就能够在咱们本身的电脑（服务器）上面编写后台代码，并经过映射工具提供公网可以访问的URL，而后将此URL绑定到微信后台便可。

 

5、 开发模式接入

下面将进入实际开发过程，咱们能够参考官方提供的开发文档：https://mp.weixin.qq.com/wiki

一、  填写服务器配置

进入微信公众平台，点击左侧【开发——基本配置】，选择【服务器配置】。便可进入配置页面：

 

 

其中：

URL：即咱们上述所说的后台服务器公网访问地址

Token：开发者自定的验证口令

EncodingAESKey：随机字符串，若是消息加解密方式采用安全模式才需验证

 

二、  验证消息是否有效

当咱们点击提交时，微信服务器将会发送一个Get请求，到咱们上述地址，同时传递四个参数：

 

 

咱们经过检验signature对请求进行校验（下面有校验方式）。若确认这次GET请求来自微信服务器，请原样返回echostr参数内容，则接入生效，成为开发者成功，不然接入失败。加密/校验流程以下：

 

 

下面，咱们实现代码操做。

 

6、 开发接入后台代码

一、  使用MyEclipse建立Web项目，并新建一个servlet：

 

二、  在servlet的doGet方法中，获取上述四个校验参数：

 

三、  编写工具类，进行校验方法的操做：

 

校验步骤，参考上述【五-2】三大步操做流程

 

           使用sha1加密方法↓

 

四、  Servlet中调用校验方法，并验证结果，若是检验成功，将获得的随机字符串eahostr原路返回结果给微信平台：

 

至此，Servlet及Check工具类，编写完成。

五、  启动Tomcat，将Servlet的本地地址（例如本机为：localhost:8080/WeiXin/servlet/WeiXinServlet ）进行公网映射，参照上述第三大部份内容，进行公网映射，肯定公网地址可以正确访问。

我将直接将将代码放到杰瑞教育 公网服务器进行访问。得到以下地址：http://www.jredu100.com/WeiXin/servlet/WeiXinServlet

7、 配置公众平台后台

进入微信后台配置相关信息：

 

点击提交，微信将发送Get指令到Servlet，并调用doGet方法，进行咱们编写的验证操做，最后若是顺利返回随机字符串，则绑定成功。

 

8、 源码共享

一、  Servlet源码（只保留doGet部分）：

           public void doGet(HttpServletRequest request, HttpServletResponse response)

                                throws ServletException, IOException {

                     String signature = request.getParameter("signature");        

                     String timestamp = request.getParameter("timestamp");  

                     String nonce = request.getParameter("nonce");

                     String echostr = request.getParameter("echostr");      

                    

                     PrintWriter out = response.getWriter();

                     if(CheckUtil.checkSignature(signature, timestamp, nonce)){

                                //若是校验成功，将获得的随机字符串原路返回

                                out.print(echostr);

                     }        

           }

 

 

二、  CheckUtil源码（可直接Copy其中的getSha1加密方法）：

 

package com.jredu.util;

 

import java.security.MessageDigest;

import java.util.Arrays;

 

public class CheckUtil {

           public static final String  tooken = "jredu100"; //开发者自行定义Tooken

           public static boolean checkSignature(String signature,String timestamp,String nonce){

                     //1.定义数组存放tooken，timestamp,nonce

                     String[] arr = {tooken,timestamp,nonce};

                     //2.对数组进行排序

                     Arrays.sort(arr);

                     //3.生成字符串

                     StringBuffer sb = new StringBuffer();

                     for(String s : arr){

                                sb.append(s);

                     }

                     //4.sha1加密,网上均有现成代码

                     String temp = getSha1(sb.toString());

                     //5.将加密后的字符串，与微信传来的加密签名比较，返回结果

                     return temp.equals(signature); 

           }

          

           public static String getSha1(String str){

        if(str==null||str.length()==0){

            return null;

        }

        char hexDigits[] = {'0','1','2','3','4','5','6','7','8','9',

                'a','b','c','d','e','f'};

        try {

            MessageDigest mdTemp = MessageDigest.getInstance("SHA1");

            mdTemp.update(str.getBytes("UTF-8"));

 

            byte[] md = mdTemp.digest();

            int j = md.length;

            char buf[] = new char[j*2];

            int k = 0;

            for (int i = 0; i < j; i++) {

                byte byte0 = md[i];

                buf[k++] = hexDigits[byte0 >>> 4 & 0xf];

                buf[k++] = hexDigits[byte0 & 0xf];     

            }

            return new String(buf);

        } catch (Exception e) {

            // TODO: handle exception

            return null;

        }

    }

}