微信公众号开发(一)

开发前首先我们要知道一些概念

各公众号区别:
1、订阅号:为媒体和个人提供一种信息传播方式,主要偏于为用户传达资讯(类似报纸杂志),主要的定位是阅读,每天可以群发1条消息;
2、服务号:为企业,政府或组织提供对用户进行服务,主要偏于服务交互(类似银行提供服务查询),每个月只可群发4条消息;
3、企业号:为企业,政府,事业单位,实现生产管理和协作运营的移动化,主要用于公司内部通讯使用,旨在为用户提供移动办公,需要先有成员的通讯信息验证才可以关注成功企业号;

温馨提示:
1、如果想简单的发送消息,达到宣传效果,建议选择订阅号;
2、如果想进行商品销售,进行商品售卖,为用户提供服务,建议申请服务号;
3、如果想用来管理内部企业员工、团队,对内使用,可选择申请企业号。

编辑模式:主要针对非编程人员及信息发布类公众帐号使用。
开启该模式后,可以方便地通过界面配置“自定义菜单”(认证的订阅号、服务号)和“自动回复的消息”。
好处是可视化界面配置,操作简单,快捷,但是功能有限。
由于编辑模式功能有限我们就不做多讲我们把重点方法开发模式上
首先我们自己要先申请一个公众号对立面的各个功能要熟悉然后再看开发模式

开发模式:主要针对具备开发能力的人使用。开启该模式后,能够使用微信公众平台开放的接口,
通过编程方式实现自定义菜单的创建、删除、用户消息的交互,
这种模式更加灵活,能实现更多复杂的功能,提供个性化服务。

微信公众平台是运营者通过公众号为微信用户提供资讯和服务的平台,而公众平台开发接口则是提供服务的基础,
开发者在公众平台网站中创建公众号、获取接口权限后,可以通过阅读本接口文档来帮助开发。
文档地址:http://mp.weixin.qq.com/wiki/home/
要站在自己网站的角度看文档。

注册公众号

我们这里只对订阅号做探讨其实和服务号开发是一样的

开发模式

微信公众平台开发模式交互原理

这里我们需要服务器,服务器有阿里云,bae,花生壳,nat123,natapp由于价格原因阿里云,bae价格都比较比较昂贵我们现在做测试就选择natapp内网穿透https://natapp.cn/
先下载客户端


在官网上购买隧道5块钱的要以.top为后缀的


再购买一个二级域名5块钱


安装natapp


根据教程安装好natapp

安装成功的标识 把地址拷贝下来http://zhangshuai.nat100.top


这个时候就可以通过域名在任何地方访问我们的应用了

微信公众号URL接入

进入公众平台测试帐号


可以查看文档接入指南(https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421135319)也可以跟我一起来(我们这里Tomcat服务器的端口是8080有些人的端口是80根据自己的情况)

首先我们先创建一个Maven项目


先配置好项目
web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee"
     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
     id="WebApp_ID" version="3.0">
  <display-name>Archetype Created Web Application</display-name>
<servlet>
<servlet-name>springMVC</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
  <param-name>contextConfigLocation</param-name>
  <param-value>classpath:application-mvc.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>springMVC</servlet-name>
<url-pattern>*.do</url-pattern>
</servlet-mapping>
<!--配置字符编码过滤器-->
 <filter>
<filter-name>encodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
  <param-name>encoding</param-name>
  <param-value>UTF-8</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>encodingFilter</filter-name>
<url-pattern>*.do</url-pattern>
</filter-mapping>
</web-app>

application-mvc.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:aop="http://www.springframework.org/schema/aop" xmlns:jee="http://www.springframework.org/schema/jee"
xmlns:tx="http://www.springframework.org/schema/tx"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="
        http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
        http://www.springframework.org/schema/jee http://www.springframework.org/schema/jee/spring-jee.xsd
        http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd
        http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd
        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
<!-- 0.开启注解扫描  -->
<context:component-scan base-package="com.jd.wx"/>
<!-- 1.注解驱动支持 -->
<mvc:annotation-driven/>
<!-- 2.配置静态资源处理 -->
<mvc:default-servlet-handler/>
<!-- 3.视图解析器 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <property name="prefix" value="/WEB-INF/views/"/>
    <property name="suffix" value=".jsp"/>
</bean>
</beans>

现在我们先创建一个Controller测试一下

@Controller
public class WeixinController {
//验证签名
/**
 * @param signature 微信加密签名,signature结合了开发者填写的token参数和请求中的timestamp参数、nonce参数。
 * @param timestamp 时间戳
 * @param nonce 随机数
 * @param echostr 随机字符串
 * @return
 */
@RequestMapping("/weixin")
public String checkSignature(String signature,String timestamp,String nonce,String echostr){
    System.out.println(signature);
    System.out.println(timestamp);
    System.out.println(nonce);
    System.out.println(echostr);
    return null;
}
}

打印结果

开发者通过检验signature对请求进行校验(下面有校验方式)。若确认此次GET请求来自微信服务器,请原样返回echostr参数内容,则接入生效,成为开发者成功,否则接入失败。加密/校验流程如下:
1)将token、timestamp、nonce三个参数进行字典序排序
2)将三个参数字符串拼接成一个字符串进行sha1加密
3)开发者获得加密后的字符串可与signature对比,标识该请求来源于微信

  //加密/校验流程如下:
    String[] arr = {WeixinUtil.TOKEN,timestamp,nonce};
    //1.将token、timestamp、nonce三个参数进行字典序排序
    Arrays.sort(arr);
    String str = "";
    //2.将三个参数字符串拼接成一个字符串进行sha1加密
    for (String temp : arr) {
        str += temp;
    }
    //3.开发者获得加密后的字符串可与signature对比,标识该请求来源于微信
    if (signature.equals(SecurityUtil.SHA1(str))) {
        System.out.println("接入成功!");
        return echostr;
    }
    System.out.println("接入失败!");
    return null;

此时我们需要工具类

和SecurityUtil

package com.jd.wx.util;
import java.security.MessageDigest;
public class SecurityUtil {
private static final char[] HEX_DIGITS = { '0', '1', '2', '3', '4', '5',
        '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f' };
/**
 * encode string
 * @param algorithm
 * @param str
 * @return String
 */
public static String encode(String algorithm, String str) {
    if (str == null) {
        return null;
    }
    try {
        MessageDigest messageDigest = MessageDigest.getInstance(algorithm);
        messageDigest.update(str.getBytes());
        return getFormattedText(messageDigest.digest());
    } catch (Exception e) {
        throw new RuntimeException(e);
    }
}
/**
 * Takes the raw bytes from the digest and formats them correct.
 * @param bytes
 *  the raw bytes from the digest.
 * @return the formatted bytes.
 */
private static String getFormattedText(byte[] bytes) {
    int len = bytes.length;
    StringBuilder buf = new StringBuilder(len * 2);
    // 把密文转换成十六进制的字符串形式
    for (int j = 0; j < len; j++) {
        buf.append(HEX_DIGITS[(bytes[j] >>> 4) & 0x0f]);
        buf.append(HEX_DIGITS[bytes[j] & 0x0f]);
    }
    return buf.toString();
}

public static String MD5(String content){
    return SecurityUtil.encode("MD5", content);
}

public static String SHA1(String content){
    return SecurityUtil.encode("SHA1", content);
}

public static void main(String[] args) {
    System.out.println("111111 MD5  :"
            + SecurityUtil.encode("MD5", "111111"));
    System.out.println("111111 SHA1 :"
            + SecurityUtil.encode("SHA1", "111111"));
}
}

配置成功

现在有一个问题是当用户给公众号发送一个消息,消息会推送到我们给的地址上面 我们怎么知道什么时候是验证什么时候是消息推送怎么区分呢?
其实很简单 开发者通过检验signature对请求进行校验若确认此次GET请求来自微信服务器,如果是消息接收他会发送一个POST请求
当普通微信用户向公众账号发消息时,微信服务器将POST消息的XML数据包到开发者填写的URL上。

 @RequestMapping(value="/weixin",method= RequestMethod.GET)
 @RequestMapping(value="/weixin",method= RequestMethod.POST)

此时他会发送一个xml数据过来我们需要jaxb(自己百度一下)工具来解析xml


@Getter@Setter@ToString
@XmlRootElement(name = "xml")
@XmlAccessorType(XmlAccessType.FIELD)
public class XmlMessageEntity {
private String ToUserName;
private String FromUserName;
private Long CreateTime;
private String MsgType;
private String Content;
private String Event;
private Long MsgId;
}

这个时候我们就可以在Controller里处理用户发送到公众号上的消息进行回复了

@RequestMapping(value="/weixin",method=RequestMethod.POST)
@ResponseBody
public XmlMessageEntity handlerMessage(@RequestBody XmlMessageEntity entity){
    System.out.println(entity);
    XmlMessageEntity newEntity = new XmlMessageEntity();
    newEntity.setFromUserName(entity.getToUserName()); //设置发送方
    newEntity.setToUserName(entity.getFromUserName());  //设置接收方
    newEntity.setCreateTime(new Date().getTime()); //设置发送时间
    //如果是第一次关注,回复“欢迎关注!”
    if("event".equals(entity.getMsgType())){
        //如果是关注事件
        if("subscribe".equals(entity.getEvent())){
            //调用接口获取用户详细信息
            String reuslt = HttpUtil.get(WeixinUtil.GET_USERINFO_URL.replace("ACCESS_TOKEN", WeixinUtil.getAccessToken())
                    .replace("OPENID", entity.getFromUserName()));
            System.out.println(WeixinUtil.GET_USERINFO_URL.replace("ACCESS_TOKEN", WeixinUtil.getAccessToken())
                    .replace("OPENID", entity.getFromUserName()));
            System.out.println(reuslt);
            //创建客户信息,保存到数据库
            //回复内容
            newEntity.setContent("欢迎关注!");
        }else if ("unsubscribe".equals(entity.getEvent())) {
            //更新客户状态,设置为取消关注
        }
    }
    //如果发送的是你好,回复“很高兴认识你”
    if(entity.getContent().contains("你好")){
        newEntity.setContent("很高兴认识你");
    }else{
        //否则就统一回复“帅哥好”
        newEntity.setContent("帅哥好!");
    }
    //发送类型
    newEntity.setMsgType("text");
    return newEntity;

}

现在我通过手机扫二维码进行测试(也可以通过接口调试工具https://mp.weixin.qq.com/debug/cgi-bin/apiinfo?t=index)


测试成功


获取用户基本信息(包括UnionID机制)

开发者可通过OpenID来获取用户基本信息。请使用https协议。
接口调用请求说明
http请求方式: GET https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN

获取access_token
access_token是公众号的全局唯一接口调用凭据,公众号调用各接口时都需使用access_token。开发者需要进行妥善保存。access_token的存储至少要保留512个字符空间。access_token的有效期目前为2个小时,需定时刷新,重复获取将导致上次获取的access_token失效。

首先我们先创建一个网络请求的工具类HttpUtil

/**
* Http工具类
*/
public class HttpUtil {

/**
 * 发送get请求
 * @throws Exception
 */
public static String get(String url) {

    String result = "";
    InputStream in = null;
    try {
        // 打开和URL之间的连接
        HttpURLConnection conn = (HttpURLConnection) new URL(url)
                .openConnection();
        // 设置通用的请求属性
        conn.setRequestProperty("accept", "*/*");
        conn.setRequestProperty("connection", "Keep-Alive");
        conn.setRequestProperty("Content-Type", "application/json");
        conn.setRequestProperty("Accept", "application/json");
        conn.setRequestMethod("GET");
        // 建立实际的连接
        conn.connect();
        // 定义输入流来读取URL的响应
        in = conn.getInputStream();
        result = StreamUtils.copyToString(in, Charset.forName("utf-8"));
    } catch (Exception e) {
        e.printStackTrace();
    } finally {
        if (in != null) {
            try {
                in.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }
    return result;
}

/**
 * 发送post请求
 *
 * @throws Exception
 */
public static String post(String url, String paramStr) {
    InputStream in = null;
    OutputStream os = null;
    String result = "";
    try {
        // 打开和URL之间的连接
        HttpURLConnection conn = (HttpURLConnection) new URL(url)
                .openConnection();
        // 设置通用的请求属性
        conn.setRequestProperty("accept", "*/*");
        conn.setRequestProperty("connection", "Keep-Alive");
        // 发送POST请求须设置
        conn.setRequestMethod("POST");
        conn.setDoOutput(true);
        conn.setDoInput(true);
        os = conn.getOutputStream();
        // 注意编码格式,防止中文乱码
        if (StringUtils.hasText(paramStr)) {
            os.write(paramStr.getBytes("utf-8"));
            os.close();
        }

        in = conn.getInputStream();
        result = StreamUtils.copyToString(in, Charset.forName("utf-8"));
    } catch (Exception e) {
        e.printStackTrace();
    } finally {
        try {
            if (os != null) {
                os.close();
            }
            if (in != null) {
                in.close();
            }
        } catch (IOException ex) {
            ex.printStackTrace();
        }
    }
    return result;
}
}

接着我们想获取AccessToken 通过HttpUtil发送GET请求 "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET"我们把响应回来的数据转成json对象然后回去对象的access_token

public static String accessToken;
//accessToken的失效时间
public static Long expiresTime = 0L;

/**
 * 获取AccessToken
 * @return
 */
public static String getAccessToken() {
//如果accessToken为null或者accessToken已经失效就去重新获取(提前10秒)
if(new Date().getTime()>= expiresTime){
    //发送http请求
    String result = HttpUtil.get(GET_ACCESSTOKEN_URL.replace("APPID", APPID).replace("APPSECRET", SECRET));
    //转成json对象
    JSONObject json = JSON.parseObject(result);
    accessToken = (String) json.get("access_token");
    Integer expires_in = (Integer) json.get("expires_in");
    //失效时间=当前时间+7200
    expiresTime = new Date().getTime()+((expires_in-10)*1000);
}
return accessToken;
}
public class WeixinUtil {
public static final String TOKEN = "zhangshuai";
public static final String APPID = "wxa379f9e383fb5ad7";
public static final String SECRET = "ce2d71a98230f1d5d6cb35c7e5e90573";
//获取基础ACCESSTOKEN的URL
public static final String GET_ACCESSTOKEN_URL = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET";

public static String accessToken;
//accessToken的失效时间
public static Long expiresTime = 0L;

/**
 * 获取AccessToken
 * @return
 */
public static String getAccessToken() {
    //如果accessToken为null或者accessToken已经失效就去重新获取(提前10秒)
    if(new Date().getTime()>= expiresTime){
        //发送http请求
        String result = HttpUtil.get(GET_ACCESSTOKEN_URL.replace("APPID", APPID).replace("APPSECRET", SECRET));
        //转成json对象
        JSONObject json = JSON.parseObject(result);
        accessToken = (String) json.get("access_token");
        Integer expires_in = (Integer) json.get("expires_in");
        //失效时间=当前时间+7200
        expiresTime = new Date().getTime()+((expires_in-10)*1000);
    }
    return accessToken;
}

接着我们来获取用户信息

//获取用户信息的URL(需要关注公众号)
public static final String GET_USERINFO_URL = "https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN ";
//调用接口获取用户详细信息
String reuslt = HttpUtil.get(WeixinUtil.GET_USERINFO_URL.replace("ACCESS_TOKEN", WeixinUtil.getAccessToken())
 .replace("OPENID", entity.getFromUserName()));
System.out.println(WeixinUtil.GET_USERINFO_URL.replace("ACCESS_TOKEN", WeixinUtil.getAccessToken())
 .replace("OPENID", entity.getFromUserName()));
System.out.println(reuslt);

这时我们重新关注查看日志是否打印用户信息

自定义菜单创建接口

1、自定义菜单最多包括3个一级菜单,每个一级菜单最多包含5个二级菜单。
2、一级菜单最多4个汉字,二级菜单最多7个汉字,多出来的部分将会以“...”代替。
3、创建自定义菜单后,菜单的刷新策略是,在用户进入公众号会话页或公众号profile页时,如果发现上一次拉取菜单的请求在5分钟以前,就会拉取一下菜单,如果菜单有更新,就会刷新客户端的菜单。测试时可以尝试取消关注公众账号后再次关注,则可以看到创建后的效果。

http请求方式:POST(请使用https协议) https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN

先根据文档发送GET请求

//创建自定义菜单的URL
public static final String CREATEMENU_URL = "https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN";

/**
 *创建菜单
 * @return
 */
public static void createMenu() {
    String result = HttpUtil.post(CREATEMENU_URL.replace("ACCESS_TOKEN", getAccessToken()),
            "{\"button\":[{ \"type\":\"click\",\"name\":\"今日歌曲\",\"key\":\"V1001_TODAY_MUSIC\"},{\"name\":\"菜单\",\"sub_button\":[{  \"type\":\"view\",\"name\":\"百度官网\",\"url\":\"https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx2cd3085e1b3695d9&redirect_uri=http://chen.nat300.top/index.do&response_type=code&scope=snsapi_userinfo#wechat_redirect\"},{\"type\":\"click\",\"name\":\"赞一下我们\",\"key\":\"V1001_GOOD\"}]}]}");
    System.out.println(result);
}

模板消息

发送模板消息调用接口
http请求方式: POST
https://api.weixin.qq.com/cgi-bin/message/template/send?access_token=ACCESS_TOKEN

//发送模板消息的URL
public static final String SEND_TEMPLATE_URL = "https://api.weixin.qq.com/cgi-bin/message/template/send?access_token=ACCESS_TOKEN";

/**
 * 发送模板消息
 */
public static void sendTemplate() {
    String result = HttpUtil.post(SEND_TEMPLATE_URL.replace("ACCESS_TOKEN",getAccessToken()),"{\"touser\":\"ogGJv0zE12eFlOGQuCALxtD3vT7E\",\"template_id\":\"flx-OcF_I8Uj6lj3kRLA4_hN79xVCY4OZ006JQLreVU\",\"url\":\"http://www.baidu.com\",\"data\":{\"first\":{\"value\":\"恭喜你购买成功!\",\"color\":\"#173177\"},\"keyword1\":{\"value\":\"巧克力\",\"color\":\"#173177\"},\"keyword3\":{\"value\":\"39.8元\",\"color\":\"#173177\"},\"keyword2\":{\"value\":\"2017年9月04日\",\"color\":\"#173177\"},\"remark\":{\"value\":\"欢迎再次购买!\",\"color\":\"#173177\"}}}");
    System.out.println(result);
}

每个模板的id不固定

微信网页授权

关于网页授权回调域名的说明

1、在微信公众号请求用户网页授权之前,开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中,修改授权回调域名。请注意,这里填写的是域名(是一个字符串),而不是URL,因此请勿加 http:// 等协议头;
2、授权回调域名配置规范为全域名,比如需要网页授权的域名为:www.qq.com,配置以后此域名下面的页面http://www.qq.com/music.htmlhttp://www.qq.com/login.html 都可以进行OAuth2.0鉴权。但http://pay.qq.comhttp://music.qq.comhttp://qq.com无法进行OAuth2.0鉴权
3、如果公众号登录授权给了第三方开发者来进行管理,则不必做任何设置,由第三方代替公众号实现网页授权即可

关于网页授权的两种scope的区别说明

1、以snsapi_base为scope发起的网页授权,是用来获取进入页面的用户的openid的,并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页(往往是业务页面)
2、以snsapi_userinfo为scope发起的网页授权,是用来获取用户的基本信息的。但这种授权需要用户手动同意,并且由于用户同意过,所以无须关注,就可在授权后获取该用户的基本信息。
3、用户管理类接口中的“获取用户基本信息接口”,是在用户和公众号产生消息交互或关注后事件推送后,才能根据用户OpenID来获取用户基本信息。这个接口,包括其他微信接口,都是需要该用户(即openid)关注了公众号后,才能调用成功的。

关于网页授权access_token和普通access_token的区别

1、微信网页授权是通过OAuth2.0机制实现的,在用户授权给公众号后,公众号可以获取到一个网页授权特有的接口调用凭证(网页授权access_token),通过网页授权access_token可以进行授权后接口调用,如获取用户基本信息;
2、其他微信接口,需要通过基础支持中的“获取access_token”接口来获取到的普通access_token调用。

关于UnionID机制

1、请注意,网页授权获取用户基本信息也遵循UnionID机制。即如果开发者有在多个公众号,或在公众号、移动应用之间统一用户帐号的需求,需要前往微信开放平台(open.weixin.qq.com)绑定公众号后,才可利用UnionID机制来满足上述需求。
2、UnionID机制的作用说明:如果开发者拥有多个移动应用、网站应用和公众帐号,可通过获取用户基本信息中的unionid来区分用户的唯一性,因为同一用户,对同一个微信开放平台下的不同应用(移动应用、网站应用和公众帐号),unionid是相同的。

下面我们来进行网络授权

1 第一步:用户同意授权,获取code
2 第二步:通过code换取网页授权access_token
3 第三步:刷新access_token(如果需要)
4 第四步:拉取用户信息(需scope为 snsapi_userinfo)

修改网页账号

如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑。

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

请求方法
获取code后,请求以下链接获取access_token: https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

//获取网页版的ACCESSTOKEN的URL
public static final String GET_WEB_ACCESSTOKEN_URL="https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code";
//通过网页获取用户信息的URL(不需要关注公众号)
public static final String GET_WEB_USERINFO_URL = "https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN";

  @Controller
public class IndexController {
@RequestMapping("/index")
public String index(String code){
    System.out.println(code);
    //获取ACCESSTOKEN
    String result = HttpUtil.get(WeixinUtil.GET_WEB_ACCESSTOKEN_URL.replace("APPID", WeixinUtil.APPID)
            .replace("SECRET", WeixinUtil.SECRET).replace("CODE", code));
    System.out.println(result);
    JSONObject json = JSON.parseObject(result);
    String access_token = json.getString("access_token");
    String openid = json.getString("openid");
    //获取用户信息
    String userinfo = HttpUtil.get(WeixinUtil.GET_WEB_USERINFO_URL.replace("ACCESS_TOKEN", access_token).replace("OPENID", openid));
    System.out.println(userinfo);
    //把openid放到session
    //.....
    return "index";
}
}

微信JS-SDK


第一步:绑定域名

第二步引入JSP文件

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
    //通过config接口注入权限验证配置
    wx.config({
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: 'wxa379f9e383fb5ad7', // 必填,公众号的唯一标识
        timestamp: '666666', // 必填,生成签名的时间戳
        nonceStr: 'zhangshuai', // 必填,生成签名的随机串
        signature: 'c7f8ec79e45118a512820345cba07abac0caa0ca',// 必填,签名,见附录1
        jsApiList: ['onMenuShareTimeline', 'hideAllNonBaseMenuItem'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
    });
    wx.ready(function () {
        // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
        wx.onMenuShareTimeline({
            title: '新的标题', // 分享标题
            desc: '新的描述', // 分享描述
            link: 'http://zhangshuai.nat100.top/index.jsp', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://zhangshuai.nat100.top/1.jpg', // 分享图标
            success: function () {
                window.location.href = "http://www.baidu.com";
                // 用户确认分享后执行的回调函数\
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
                alert("取消分享!")
            }
        });
        //隐藏非基础按钮
        wx.hideAllNonBaseMenuItem();
    });
</script>
<title>免费烧饼</title>
</head>
<body>
烧饼店
</body>
</html>

第三步:通过config接口注入权限验证配置

  //通过config接口注入权限验证配置
    wx.config({
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: 'wxa379f9e383fb5ad7', // 必填,公众号的唯一标识
        timestamp: '666666', // 必填,生成签名的时间戳
        nonceStr: 'zhangshuai', // 必填,生成签名的随机串
        signature: 'c7f8ec79e45118a512820345cba07abac0caa0ca',// 必填,签名,见附录1
        jsApiList: ['onMenuShareTimeline', 'hideAllNonBaseMenuItem'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
    });

在这里值得注意的是signature生成签名要按步骤

签名说明
1.将 api_ticket、timestamp、card_id、code、openid、nonce_str的value值进行字符串的字典序排序。
2.将所有参数字符串拼接成一个字符串进行sha1加密,得到signature。
3.signature中的timestamp,nonce字段和card_ext中的timestamp,nonce_str字段必须保持一致。
4.code=1434008071,timestamp=1404896688,card_id=pjZ8Yt1XGILfi-FUsewpnnolGgZk, api_ticket=ojZ8YtyVyr30HheH3CM73y7h4jJE ,nonce_str=123 则signature=sha1(12314048966881434008071ojZ8YtyVyr30HheH3CM73y7h4jJEpjZ8Yt1XGILfi-FUsewpnnolGgZk)=f137ab68b7f8112d20ee528ab6074564e2796250。
强烈建议开发者使用卡券资料包中的签名工具SDK进行签名或使用debug工具进行校验:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=cardsign

WeixinUtil
Dubug模式获取ticket票据

//获取jssdk使用的ticket
public static final String GET_TICKET_URL = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi";

public static void main(String[] args) {
    //通过access_token获取ticket
    String temp = HttpUtil.get(WeixinUtil.GET_TICKET_URL.replace("ACCESS_TOKEN", getAccessToken()));
    System.out.println(temp);
}

将控制台输出的票据拷贝


确认签名算法正确,可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。

这时将生成的signature签名拷贝到

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,214评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,307评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,543评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,221评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,224评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,007评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,313评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,956评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,441评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,925评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,018评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,685评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,234评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,240评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,464评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,467评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,762评论 2 345

推荐阅读更多精彩内容