Java 微信开发（四）生成带参数二维码及分享到朋友圈、好友、QQ

微信公众号中的微信分享到朋友圈、分享到QQ、分享到好友功能都是可以帮助营销活动支持的，今天就说一下公众号生成带参数的二维码分享到朋友圈功能

根据微信公众号提供的开发者文档我们可以看出提供的有方法，我们第一步就要先获取附录1的jsapi_ticket，直接写代码了

他的获取方式和我之前写的获取access_token方法很相似

get请求获取https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

[java]  view plain  copy

1. /** 
2.      * 获取js调用微信接口的门票 
3.      * @param access_token 
4.      * @throws Exception 
5.      * json中的ticket就是微信js接口的临时票据 
6.      */  
7.     public static synchronized void getJsApiTicket(String access_token) throws Exception {  
8.         if (JSAPI_TICKET == null || System.currentTimeMillis() - LASTTOKENTIME_FOR_JSAPI_TICKET > 7000*1000) {  
9.             String url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="  
10.                     + access_token + "&type=jsapi";  
11.             HttpClient httpClient = new DefaultHttpClient();  
12.             HttpResponse resp = httpClient.execute(new HttpGet(url));  
13.             if (HttpStatus.SC_OK == resp.getStatusLine().getStatusCode()) {  
14.                 JSONObject jsonObject = new JSONObject(EntityUtils.toString(  
15.                         resp.getEntity(), "utf-8"));  
16.                 JSAPI_TICKET = jsonObject.getString("ticket");  
17.                 LASTTOKENTIME_FOR_JSAPI_TICKET = System.currentTimeMillis();  
18.             }  
19.         }  
20.     }  

当我拿到JSAPI_TICKET之后就要进行签名的算法了

我们要获取一个带有参数的二维码，这个时候二维码分为两种情况

目前有2种类型的二维码：

1、临时二维码，是有过期时间的，最长可以设置为在二维码生成后的30天（即2592000秒）后过期，但能够生成较多数量。临时二维码主要用于帐号绑定等不要求二维码永久保存的业务场景
2、永久二维码，是无过期时间的，但数量较少（目前为最多10万个）。永久二维码主要用于适用于帐号绑定、用户来源统计等场景。

临时二维码请求说明

http请求方式: POST
URL: https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=TOKENPOST数据格式：json
POST数据例子：{"expire_seconds": 604800, "action_name": "QR_SCENE", "action_info": {"scene": {"scene_id": 123}}}

或者也可以使用以下POST数据创建字符串形式的二维码参数：
{"expire_seconds": 604800, "action_name": "QR_STR_SCENE", "action_info": {"scene": {"scene_str": "test"}}}

永久二维码请求说明

http请求方式: POST
URL: https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=TOKENPOST数据格式：json
POST数据例子：{"action_name": "QR_LIMIT_SCENE", "action_info": {"scene": {"scene_id": 123}}}

或者也可以使用以下POST数据创建字符串形式的二维码参数：
{"action_name": "QR_LIMIT_STR_SCENE", "action_info": {"scene": {"scene_str": "test"}}}

官网中有一句话很重要

创建二维码ticket

每次创建二维码ticket需要提供一个开发者自行设定的参数（scene_id），分别介绍临时二维码和永久二维码的创建二维码ticket过程。

参数说明

参数	说明
expire_seconds	该二维码有效时间，以秒为单位。 最大不超过2592000（即30天），此字段如果不填，则默认有效期为30秒。
action_name	二维码类型，QR_SCENE为临时的整型参数值，QR_STR_SCENE为临时的字符串参数值，QR_LIMIT_SCENE为永久的整型参数值，QR_LIMIT_STR_SCENE为永久的字符串参数值
action_info	二维码详细信息
scene_id	场景值ID，临时二维码时为32位非0整型，永久二维码时最大值为100000（目前参数只支持1--100000）
scene_str	场景值ID（字符串形式的ID），字符串类型，长度限制为1到64

返回说明

正确的Json返回结果:

{"ticket":"gQH47joAAAAAAAAAASxodHRwOi8vd2VpeGluLnFxLmNvbS9xL2taZ2Z3TVRtNzJXV1Brb3ZhYmJJAAIEZ23sUwMEmm

3sUw==","expire_seconds":60,"url":"http:\/\/weixin.qq.com\/q\/kZgfwMTm72WWPkovabbI"}

参数	说明
ticket	获取的二维码ticket，凭借此ticket可以在有效时间内换取二维码。
expire_seconds	该二维码有效时间，以秒为单位。 最大不超过2592000（即30天）。
url	二维码图片解析后的地址，开发者可根据该地址自行生成需要的二维码图片

通过ticket换取二维码

获取二维码ticket后，开发者可用ticket换取二维码图片。请注意，本接口无须登录态即可调用。

请求说明

HTTP GET请求（请使用https协议）https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=TICKET提醒：TICKET记得进行UrlEncode

返回说明

ticket正确情况下，http 返回码是200，是一张图片，可以直接展示或者下载。

HTTP头（示例）如下：
Accept-Ranges:bytes
Cache-control:max-age=604800
Connection:keep-alive
Content-Length:28026
Content-Type:image/jpg
Date:Wed, 16 Oct 2013 06:37:10 GMT
Expires:Wed, 23 Oct 2013 14:37:10 +0800
Server:nginx/1.4.1

下面咱们针对这个签名算法来进行代码的编写

Java代码：

[java]  view plain  copy

1. package com.website.wechat.manager;  
2.   
3. import java.io.UnsupportedEncodingException;  
4. import java.security.MessageDigest;  
5. import java.security.NoSuchAlgorithmException;  
6. import java.util.Formatter;  
7. import java.util.HashMap;  
8. import java.util.Map;  
9. import java.util.UUID;  
10.   
11. import javax.servlet.http.HttpServletRequest;  
12. import javax.servlet.http.HttpServletResponse;  
13.   
14. import org.apache.http.HttpResponse;  
15. import org.apache.http.HttpStatus;  
16. import org.apache.http.client.HttpClient;  
17. import org.apache.http.client.methods.HttpPost;  
18. import org.apache.http.entity.StringEntity;  
19. import org.apache.http.impl.client.DefaultHttpClient;  
20. import org.apache.http.util.EntityUtils;  
21. import org.json.JSONObject;  
22. import org.springframework.stereotype.Controller;  
23. import org.springframework.web.bind.annotation.RequestMapping;  
24.   
25. import com.website.commons.web.utils.Constant;  
26.   
27. @Controller  
28. @RequestMapping(value = "jsConfig")  
29. public class JSConfigController {  
30.   
31.     @RequestMapping(value = "jsMethod.do", produces = "text/html;charset=UTF-8")  
32.     public void getJsMethod(HttpServletRequest req, HttpServletResponse resp){  
33.         try {  
34.             String url = req.getParameter("targetUrl");  
35.             System.out.println(url);  
36.             //获取全局access_token  
37.             Constant.getAccess_token();  
38.             //获取JSAPI_TICKET 接口调用凭据  
39.             Constant.getJsApiTicket(Constant.ACCESS_TOKEN);  
40.             //进行签名算法  
41.             Map<String, String> map = sign(Constant.JSAPI_TICKET, url);  
42.             JSONObject jsonObject = new JSONObject();  
43.             for (String key : map.keySet()) {  
44.                 jsonObject.put(key, map.get(key));  
45.             }  
46.                 String scene_id = "2";  
47.                 String postUrl = "https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token="+Constant.ACCESS_TOKEN;  
48.             HttpPost httpPost = new HttpPost(postUrl);  
49.             HttpClient httpClient = new DefaultHttpClient();  
50.             String param = "{\"expire_seconds\": 2592000, \"action_name\": \"QR_STR_SCENE\", \"action_info\": {\"scene\": {\"scene_str\": "+scene_id+"}}}";  
51.             StringEntity entity = new StringEntity(param, "utf-8");  
52.             httpPost.setEntity(entity);  
53.             HttpResponse response = httpClient.execute(httpPost);  
54.             if(response.getStatusLine().getStatusCode() == HttpStatus.SC_OK){  
55.                 String str = EntityUtils.toString(response.getEntity(),"utf-8");  
56.                 JSONObject jsonObject2 = new JSONObject(str);  
57.                 String ticket = (String) jsonObject2.get("ticket");  
58.                 jsonObject.put("ticket", ticket);  
59.             }  
60.             jsonObject.put("appid", Constant.APPID);  
61.             resp.getWriter().write(jsonObject.toString());  
62.             resp.getWriter().close();  
63.         } catch (Exception e) {  
64.             // TODO Auto-generated catch block  
65.             e.printStackTrace();  
66.         }  
67.     }  
68.       
69.     /** 
70.      * 签名算法 
71.      * @param jsapi_ticket 
72.      * @param url 
73.      * @return 
74.      */  
75.     public static Map<String, String> sign(String jsapi_ticket, String url) {  
76.         Map<String, String> ret = new HashMap<String, String>();  
77.         String nonce_str = create_nonce_str();  
78.         String timestamp = create_timestamp();  
79.         String string1;  
80.         String signature = "";  
81.   
82.         string1 = "jsapi_ticket=" + jsapi_ticket +  
83.                   "&noncestr=" + nonce_str +  
84.                   "&timestamp<span style="font-family:Arial, Helvetica, sans-serif;"> </span>=" + timestamp +  
85.                   "&url=" + url;  
86.   
87.         try  
88.         {  
89.             MessageDigest crypt = MessageDigest.getInstance("SHA-1");  
90.             crypt.reset();  
91.             crypt.update(string1.getBytes("UTF-8"));  
92.             signature = byteToHex(crypt.digest());  
93.         }  
94.         catch (NoSuchAlgorithmException e)  
95.         {  
96.             e.printStackTrace();  
97.         }  
98.         catch (UnsupportedEncodingException e)  
99.         {  
100.             e.printStackTrace();  
101.         }  
102.   
103.         ret.put("url", url);  
104.         ret.put("jsapi_ticket", jsapi_ticket);  
105.         ret.put("nonceStr", nonce_str);  
106.         ret.put("timestamp", timestamp);  
107.         ret.put("signature", signature);  
108.   
109.         return ret;  
110.     }  
111.   
112.     private static String byteToHex(final byte[] hash) {  
113.         Formatter formatter = new Formatter();  
114.         for (byte b : hash)  
115.         {  
116.             formatter.format("%02x", b);  
117.         }  
118.         String result = formatter.toString();  
119.         formatter.close();  
120.         return result;  
121.     }  
122.   
123.     private static String create_nonce_str() {  
124.         return UUID.randomUUID().toString();  
125.     }  
126.   
127.     private static String create_timestamp() {  
128.         return Long.toString(System.currentTimeMillis() / 1000);  
129.     }  
130. }  

这个时候我们已经通过ticket获取到了二维码的名字了接下来jsp页面我们可以操作分享的页面的，下面我只贴出分享出去的js代码

[javascript]  view plain  copy

1. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>  

[javascript]  view plain  copy

1. <script type="text/javascript">  
2. $(document).ready(function() {  
3.     var targetUrl = location.href.split("#")[0];  
4.     $.ajax({  
5.         type:"post",  
6.         url:"jsConfig/jsMethod.do",  
7.         data:{targetUrl:targetUrl,code:'1'},  
8.         dataType:"json",  
9.         success:function(msg){  
10.             wx.config({  
11.                 //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。  
12.                 appId: msg.appid, // 必填，公众号的唯一标识  
13.                 timestamp: msg.timestamp, // 必填，生成签名的时间戳  
14.                 nonceStr: msg.nonceStr, // 必填，生成签名的随机串  
15.                 signature: msg.signature,// 必填，签名，见附录1  
16.                 jsApiList: [  
17.                             'checkJsApi',  
18.                             'onMenuShareTimeline',  
19.                             'onMenuShareAppMessage',  
20.                             'showOptionMenu'  
21.                            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2  
22.             });  
23.               
24.             wx.ready(function(){  
25.                 /** 
26.                   config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后， 
27.                   config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口， 
28.                           则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。 
29.                 */  
30.                 //分享到朋友圈  
31.                 wx.onMenuShareTimeline({  
32.                     title: '老子在做测试，这是分享到朋友圈功能', // 分享标题  
33.                     link: 'http://cc.tunnel.qydev.com/website-wechat/huodong/gogogo.do?ticket='+msg.ticket, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  
34.                     imgUrl: 'http://cc.tunnel.qydev.com/website-wechat/activity/0928.jpg', // 分享图标  
35.                     success: function () {   
36.                         // 用户确认分享后执行的回调函数  
37.                     },  
38.                     cancel: function () {   
39.                         // 用户取消分享后执行的回调函数  
40.                     }  
41.                 });  
42.                 //分享给朋友  
43.                 wx.onMenuShareAppMessage({  
44.                     title: '老子在做测试，这是分享给朋友功能', // 分享标题  
45.                     desc: '小子，老子只是做一个测试，你想干啥', // 分享描述  
46.                     link: 'http://cc.tunnel.qydev.com/website-wechat/huodong/gogogo.do?ticket='+msg.ticket, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  
47.                     imgUrl: 'http://cc.tunnel.qydev.com/website-wechat/activity/0928.jpg', // 分享图标  
48.                     //type: '', // 分享类型,music、video或link，不填默认为link  
49.                     //dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空  
50.                     success: function () {   
51.                         // 用户确认分享后执行的回调函数  
52.                     },  
53.                     cancel: function () {   
54.                         // 用户取消分享后执行的回调函数  
55.                     }  
56.                 });  
57.                 wx.showOptionMenu();  
58.             });  
59.         }  
60.     });  
61. });  
62. </script>  

这个时候已经可以做出分享出去的页面了，如果要在分享出去的页面上显示，你需要在controller里面去接一下发送的参数ticket

跳转到页面放到作用域中把ticket放入到img标签中即可，例如：

[html]  view plain  copy

1. <img class="code-img" src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=${ticket}" width="33%">  

按照步骤来即可分享出去到朋友圈，但是中间的业务并没有写，大家可以根据自己的业务来做更改。