微信开发整合日记(4)

关于JSSDK的内容

由于项目中出现图片上传的功能,而微信内置浏览器无法使用浏览器中的文件上传,原因不明,大致的说法是微信阉割掉了这个功能,在网上找了蛮多的解决方法,大多麻烦,突然想到可以使用JSSDK来上传图片到微信服务器,然后通过media_id的值从微信服务器上download下来的"笨方法",感觉可以一试.

1.使用JSSDK首先需要配置安全域名,只有安全域名才能够调用jssdk

2.引入JS文件http://res.wx.qq.com/open/js/jweixin-1.0.0.js

3.在项目中增加获取ticket值的接口

jsapiticket:调用微信JS接口的临时凭据通过access_token获取,有效时间和access_token一样都是两个小时,可以和access_token一同获取一同到期

调用URL:https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi调用的方法为GET

此处需要注意,获取ticket时出现很多错误,错误记录如下

1.时间戳需要取得当前时间的秒数而不是毫秒数!需要除1000.

2.刷新apiticket的时间,ticket的值并不是每次请求都会变化,而是固定的两小时刷新一次,所以设置刷新频率是不能设

置为2小时

3.url应该取得是当前请求的url,可以使用官方的方法location.href.split('#')[0];

4.最重要的一点,也是我找了一天也没找出错误的原因,jssdk中取得ticket有两个网址,一个是https://api.weixin.qq.com/c

gi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi,另一个是https://api.weixin.qq.com/cgi-bin/ticket/getticket?access

_token=ACCESS_TOKEN&type=wx_card,第二个是微信卡卷的请求地址,很容易弄混,请观察仔细,这个微信应该加大字体提醒一下\

   项目中写一个controller用来给前台发送config数据,代码如下

	@RequestMapping(value = "getSignature",method = RequestMethod.GET)
	@ResponseBody
	public Map<String, Object> getSignature(String url) throws NoSuchAlgorithmException{
		Map<String, Object> map = Maps.newHashMap();
		String noncestr = Constants.NONCESTR;
		Long time = System.currentTimeMillis()/1000;
		String ticket = Constants.getAPI_TICKET();
		String[] paramArr = new String[] { "jsapi_ticket=" + ticket,
						"timestamp=" + time.toString(), "noncestr=" + noncestr, "url=" + url };
		Arrays.sort(paramArr);
		// 将排序后的结果拼接成一个字符串
		String content = paramArr[0].concat("&"+paramArr[1]).concat("&"+paramArr[2])
						.concat("&"+paramArr[3]);
		map.put("time", time);
		map.put("ticket", ticket);
		map.put("noncestr", noncestr);
		map.put("appid", PropertiesLoader.get("APP_ID"));
		MessageDigest md = MessageDigest.getInstance("SHA-1");
		md.update(content.getBytes());
		byte[] digest = md.digest();

		StringBuffer hexstr = new StringBuffer();
		String shaHex = "";
		for (int i = 0; i < digest.length; i++) {
			shaHex = Integer.toHexString(digest[i] & 0xFF);
			if (shaHex.length() < 2) {
				hexstr.append(0);
			}
			hexstr.append(shaHex);
		}
		map.put("signature", hexstr.toString());
		return map;
	}

前台页面用ajax请求参数

$.ajax({
	url : "<%=basePath%>wx/getSignature.json",
	async : false,
	data : {url : url},
	dataType : "json",
	type : "get",
	success : function(resp){
		map = resp;
		wx.config({
			debug : false,
			appId : resp.appid,
			timestamp : resp.time,
			nonceStr : resp.noncestr,
			signature : resp.signature,
			jsApiList : ['chooseImage','uploadImage']
		});
	},
	error : function(resp){
		alert("初始化失败!");
	}
});

至此jssdk调用成功