您的位置: 首页  >  文章  >  Java 微信开发（四）生成带参数二维码及分享到朋友圈、好友、QQ

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

分类: 文章 • 2025-01-17 10:21:34

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

根据微信公众号提供的开发者文档我们可以看出Java 微信开发（四）生成带参数二维码及分享到朋友圈、好友、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之后就要进行签名的算法了

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

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

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

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

目前有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%">  
按照步骤来即可分享出去到朋友圈，但是中间的业务并没有写，大家可以根据自己的业务来做更改。

相关推荐