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

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

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

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

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

/**
	 * 获取js调用微信接口的门票
	 * @param access_token
	 * @throws Exception
	 * json中的ticket就是微信js接口的临时票据
	 */
	public static synchronized void getJsApiTicket(String access_token) throws Exception {
		if (JSAPI_TICKET == null || System.currentTimeMillis() - LASTTOKENTIME_FOR_JSAPI_TICKET > 7000*1000) {
			String url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="
					+ access_token + "&type=jsapi";
			HttpClient httpClient = new DefaultHttpClient();
			HttpResponse resp = httpClient.execute(new HttpGet(url));
			if (HttpStatus.SC_OK == resp.getStatusLine().getStatusCode()) {
				JSONObject jsonObject = new JSONObject(EntityUtils.toString(
						resp.getEntity(), "utf-8"));
				JSAPI_TICKET = jsonObject.getString("ticket");
				LASTTOKENTIME_FOR_JSAPI_TICKET = System.currentTimeMillis();
			}
		}
	}
当我拿到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代码:

package com.website.wechat.manager;

import java.io.UnsupportedEncodingException;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.util.Formatter;
import java.util.HashMap;
import java.util.Map;
import java.util.UUID;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.http.HttpResponse;
import org.apache.http.HttpStatus;
import org.apache.http.client.HttpClient;
import org.apache.http.client.methods.HttpPost;
import org.apache.http.entity.StringEntity;
import org.apache.http.impl.client.DefaultHttpClient;
import org.apache.http.util.EntityUtils;
import org.json.JSONObject;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import com.website.commons.web.utils.Constant;

@Controller
@RequestMapping(value = "jsConfig")
public class JSConfigController {

	@RequestMapping(value = "jsMethod.do", produces = "text/html;charset=UTF-8")
	public void getJsMethod(HttpServletRequest req, HttpServletResponse resp){
		try {
			String url = req.getParameter("targetUrl");
			System.out.println(url);
			//获取全局access_token
			Constant.getAccess_token();
			//获取JSAPI_TICKET 接口调用凭据
			Constant.getJsApiTicket(Constant.ACCESS_TOKEN);
			//进行签名算法
			Map<String, String> map = sign(Constant.JSAPI_TICKET, url);
			JSONObject jsonObject = new JSONObject();
			for (String key : map.keySet()) {
				jsonObject.put(key, map.get(key));
			}
				String scene_id = "2";
				String postUrl = "https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token="+Constant.ACCESS_TOKEN;
			HttpPost httpPost = new HttpPost(postUrl);
			HttpClient httpClient = new DefaultHttpClient();
			String param = "{\"expire_seconds\": 2592000, \"action_name\": \"QR_STR_SCENE\", \"action_info\": {\"scene\": {\"scene_str\": "+scene_id+"}}}";
			StringEntity entity = new StringEntity(param, "utf-8");
			httpPost.setEntity(entity);
			HttpResponse response = httpClient.execute(httpPost);
			if(response.getStatusLine().getStatusCode() == HttpStatus.SC_OK){
				String str = EntityUtils.toString(response.getEntity(),"utf-8");
				JSONObject jsonObject2 = new JSONObject(str);
				String ticket = (String) jsonObject2.get("ticket");
				jsonObject.put("ticket", ticket);
			}
			jsonObject.put("appid", Constant.APPID);
			resp.getWriter().write(jsonObject.toString());
			resp.getWriter().close();
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}
	
	/**
	 * 签名算法
	 * @param jsapi_ticket
	 * @param url
	 * @return
	 */
	public static Map<String, String> sign(String jsapi_ticket, String url) {
        Map<String, String> ret = new HashMap<String, String>();
        String nonce_str = create_nonce_str();
        String timestamp = create_timestamp();
        String string1;
        String signature = "";

        string1 = "jsapi_ticket=" + jsapi_ticket +
                  "&noncestr=" + nonce_str +
                  "&timestamp =" + timestamp +
                  "&url=" + url;

        try
        {
            MessageDigest crypt = MessageDigest.getInstance("SHA-1");
            crypt.reset();
            crypt.update(string1.getBytes("UTF-8"));
            signature = byteToHex(crypt.digest());
        }
        catch (NoSuchAlgorithmException e)
        {
            e.printStackTrace();
        }
        catch (UnsupportedEncodingException e)
        {
            e.printStackTrace();
        }

        ret.put("url", url);
        ret.put("jsapi_ticket", jsapi_ticket);
        ret.put("nonceStr", nonce_str);
        ret.put("timestamp", timestamp);
        ret.put("signature", signature);

        return ret;
    }

    private static String byteToHex(final byte[] hash) {
        Formatter formatter = new Formatter();
        for (byte b : hash)
        {
            formatter.format("%02x", b);
        }
        String result = formatter.toString();
        formatter.close();
        return result;
    }

    private static String create_nonce_str() {
        return UUID.randomUUID().toString();
    }

    private static String create_timestamp() {
        return Long.toString(System.currentTimeMillis() / 1000);
    }
}
这个时候我们已经通过ticket获取到了二维码的名字了接下来jsp页面我们可以操作分享的页面的,下面我只贴出分享出去的js代码

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

<script type="text/javascript">
$(document).ready(function() {
	var targetUrl = location.href.split("#")[0];
	$.ajax({
		type:"post",
		url:"jsConfig/jsMethod.do",
		data:{targetUrl:targetUrl,code:'1'},
		dataType:"json",
		success:function(msg){
			wx.config({
			    //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
			    appId: msg.appid, // 必填,公众号的唯一标识
			    timestamp: msg.timestamp, // 必填,生成签名的时间戳
			    nonceStr: msg.nonceStr, // 必填,生成签名的随机串
			    signature: msg.signature,// 必填,签名,见附录1
			    jsApiList: [
			                'checkJsApi',
			                'onMenuShareTimeline',
			                'onMenuShareAppMessage',
			                'showOptionMenu'
			               ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
			});
			
			wx.ready(function(){
				/**
				  config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,
			      config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,
			              则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
				*/
				//分享到朋友圈
				wx.onMenuShareTimeline({
				    title: '老子在做测试,这是分享到朋友圈功能', // 分享标题
				    link: 'http://cc.tunnel.qydev.com/website-wechat/huodong/gogogo.do?ticket='+msg.ticket, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
				    imgUrl: 'http://cc.tunnel.qydev.com/website-wechat/activity/0928.jpg', // 分享图标
				    success: function () { 
				        // 用户确认分享后执行的回调函数
				    },
				    cancel: function () { 
				        // 用户取消分享后执行的回调函数
				    }
				});
				//分享给朋友
				wx.onMenuShareAppMessage({
				    title: '老子在做测试,这是分享给朋友功能', // 分享标题
				    desc: '小子,老子只是做一个测试,你想干啥', // 分享描述
				    link: 'http://cc.tunnel.qydev.com/website-wechat/huodong/gogogo.do?ticket='+msg.ticket, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
				    imgUrl: 'http://cc.tunnel.qydev.com/website-wechat/activity/0928.jpg', // 分享图标
				    //type: '', // 分享类型,music、video或link,不填默认为link
				    //dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
				    success: function () { 
				        // 用户确认分享后执行的回调函数
				    },
				    cancel: function () { 
				        // 用户取消分享后执行的回调函数
				    }
				});
				wx.showOptionMenu();
			});
		}
	});
});
</script>
这个时候已经可以做出分享出去的页面了,如果要在分享出去的页面上显示,你需要在controller里面去接一下发送的参数ticket

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

<img class="code-img" src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=${ticket}" width="33%">
按照步骤来即可分享出去到朋友圈,但是中间的业务并没有写,大家可以根据自己的业务来做更改。






  • 12
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 10
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值