JSSDK-java配置--实现分享自定义功能
为了实现微信分享时自定义图片和文字，耗费了不少心力，把JSSDK翻了个底朝天
首先我们来看一下微信开发给我们的样例文件：
import java.util.UUID;
import java.util.Map;
import java.util.HashMap;
import java.util.Formatter;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.io.UnsupportedEncodingException;
class Sign {
public static void main(String[] args) {
String jsapi_ticket = "jsapi_ticket";
// 注意 URL 一定要动态获取，不能 hardcode
String url = "http://example.com";
Map ret = sign(jsapi_ticket, url);
for (Map.Entry entry : ret.entrySet()) {
System.out.println(entry.getKey() + ", " + entry.getValue());
}
};
public static Map sign(String jsapi_ticket, String url) {
Map ret = new HashMap();
String nonce_str = create_nonce_str();
String timestamp = create_timestamp();
String string1;
String signature = "";
//注意这里参数名必须全部小写，且必须有序
string1 = "jsapi_ticket=" + jsapi_ticket +
"&noncestr=" + nonce_str +
"×tamp=" + timestamp +
"&url=" + url;
System.out.println(string1);
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);
}
} 且附带了一个txt告诉我们“需要开发者传入 jsapi_ticket 和 url”，但是坑来了：
1.用在自己程序里时一定要删除public static void main(String[] args) {}这个主函数（有点基础的人都懂，这是小问题）
2.该例子返回的是一个map值，但是这个map值是缺少东西的，在map里面加上：
ret.put("appId", appId);
//当然这个APPID是需要获取的（每个人获取方式不一样，不予赘述），后面会附上我的所有代码
//appid属性在微信公众平台就能看到，记录在后台上
3.jsapi_ticket 是需要输入的，但是在样例文件中是没有的，以下代码是获取jsapi_ticket 的代码，隶属于工具类。但是对于acess_token和appid和appsecret需要自己提供
public static String getJSApiTicket() throws FileNotFoundException, IOException{
//获取token
String acess_token= AccessTokenUtil.getAccessToken();//token需要自己提供，不赘述具体方法
String urlStr = //"http://gy7tgr.natappfree.cc//wxapi/weixinMall/index.jsp";
"https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+acess_token+"&type=jsapi";
String backData=jsapi_ticketGetUtil.sendGet(urlStr, "utf-8", 10000);
String ticket = (String) JSONObject.fromObject(backData).get("ticket");
return ticket;
}
/***
* 获取acess_token
* @return
*//*
public static String getAccessToken() throws FileNotFoundException, IOException{
String appid = Configure.getAppid();//此处需要自己提供，configure方法是程序里方法，据个人情况而定
String appSecret = Configure.getAppSecrte();//此处需自己提供。
String url ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appid+"&secret="+appSecret+"";
String backData=jsapi_ticketGetUtil.sendGet(url, "utf-8", 10000);
String accessToken = (String) JSONObject.fromObject(backData).get("access_token");
return accessToken;
}
*/
/***
* 模拟get请求
* @param url
* @param charset
* @param timeout
* @return
*/
public static String sendGet(String url, String charset, int timeout)
{
String result = "";
try
{
URL u = new URL(url);
try
{
URLConnection conn = u.openConnection();
conn.connect();
conn.setConnectTimeout(timeout);
BufferedReader in = new BufferedReader(new InputStreamReader(conn.getInputStream(), charset));
String line="";
while ((line = in.readLine()) != null)
{
result = result + line;
}
in.close();
} catch (IOException e) {
return result;
}
}
catch (MalformedURLException e)
{
return result;
}
return result;
}上面的工具类提供了jsapi_ticket ，而appid也是已知的，所以可以直接搭建程序了
********************************************************************************************************************************************************************************************************************************************************
以下为相关片段程序:
1.获取jsapi_ticket工具类
public class jsapi_ticketGetUtil {
/***
* 获取jsapiTicket
* @return
*/
public static String getJSApiTicket() throws FileNotFoundException, IOException{
//获取token
String acess_token= AccessTokenUtil.getAccessToken();
String urlStr = //"http://gy7tgr.natappfree.cc//wxapi/weixinMall/index.jsp";
"https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+acess_token+"&type=jsapi";
String backData=jsapi_ticketGetUtil.sendGet(urlStr, "utf-8", 10000);
String ticket = (String) JSONObject.fromObject(backData).get("ticket");
return ticket;
}
/***
* 获取acess_token
* @return
*//*
public static String getAccessToken() throws FileNotFoundException, IOException{
String appid = Configure.getAppid();
String appSecret = Configure.getAppSecrte();
String url ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appid+"&secret="+appSecret+"";
String backData=jsapi_ticketGetUtil.sendGet(url, "utf-8", 10000);
String accessToken = (String) JSONObject.fromObject(backData).get("access_token");
return accessToken;
}
*/
/***
* 模拟get请求
* @param url
* @param charset
* @param timeout
* @return
*/
public static String sendGet(String url, String charset, int timeout)
{
String result = "";
try
{
URL u = new URL(url);
try
{
URLConnection conn = u.openConnection();
conn.connect();
conn.setConnectTimeout(timeout);
BufferedReader in = new BufferedReader(new InputStreamReader(conn.getInputStream(), charset));
String line="";
while ((line = in.readLine()) != null)
{
result = result + line;
}
in.close();
} catch (IOException e) {
return result;
}
}
catch (MalformedURLException e)
{
return result;
}
return result;
}
}2.返回一个map，里面存放appid，signature等信息
public class Sign {
public static Map sign(String jsapi_ticket, String url) throws FileNotFoundException, IOException {
Map ret = new HashMap();
String nonce_str = create_nonce_str();
String timestamp = create_timestamp();
String string1;
String signature = "";
//注意这里参数名必须全部小写，且必须有序
string1 = "jsapi_ticket=" + jsapi_ticket +
"&noncestr=" + nonce_str +
"×tamp=" + timestamp +
"&url=" + url;
System.out.println(string1);
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();
}
//自动获取WxTokenUtil.properties中appid属性，避免appid改动时重复更改
String appId = Configure.getAppid();
ret.put("url", url);
//注意这里 要加上自己的appId
ret.put("appId", appId);
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);
}
} 3.前后台交互的方法，前端传回url路径，后台读取后，把appid,signature等作为json对象传回前端
@RequestMapping("/weixin/JSSDKHELP.hn")
public String JSSDKHelp(HttpServletRequest request,
HttpServletResponse response) throws FileNotFoundException, IOException {
String url=request.getParameter("url");
//获取jsapi_ticket
jsapi_ticketGetUtil ticket = new jsapi_ticketGetUtil();
String jsapi_ticket = ticket.getJSApiTicket();
Map ret = com.org.wxapi.util.Sign.sign(jsapi_ticket, url);
JSONObject jsonObject = JSONObject.fromObject(ret);
ResponseUtils.renderJson(response, jsonObject.toString());
return null;
} 4.前端，写在一个.JS文件里，若要调用，只需在界面上加上
JS文件如下：
document.write("");
$(document).ready(function() {
var currurl = decodeURIComponent(location.href.split('#')[0]);
//ajax注入权限验证
$.ajax({
type: 'POST', //请求方式
url : "/wxapi/weixin/JSSDKHELP.hn",
dataType : 'json',
data : {"url": currurl},
complete : function(XMLHttpRequest, textStatus) {},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert("发生错误：" + errorThrown+"XMLHttpRequeststatus:"+XMLHttpRequest.status+"XMLHttpRequest.readyState:"+XMLHttpRequest.readyState+"textStatus:"+textStatus);
},
success : function(res) {
var appId = res.appId;
var nonceStr = res.nonceStr;
var jsapi_ticket = res.jsapi_ticket;
var timestamp = res.timestamp;
var signature = res.signature;
//alert("appId:"+appId +"------- " +"nonceStr:"+ nonceStr +" -----"+"jsapi_ticket:"+jsapi_ticket+"------ "+"timestamp:"+timestamp+"------- "+"signature:"+signature);
wx.config({
debug : false, //开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId : appId, //必填，公众号的唯一标识
timestamp : timestamp, // 必填，生成签名的时间戳
nonceStr : nonceStr, //必填，生成签名的随机串
signature : signature, // 必填，签名，见附录1
jsApiList : [ 'onMenuShareAppMessage', 'onMenuShareTimeline'] //必填，需要使用的JS接口列表，所有JS接口列表 见附录2
}); // end wx.config
wx.ready(function() {
// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
/*
wx.checkJsApi({
jsApiList : [ 'onMenuShareAppMessage' ], // 需要检测的JS接口列表，所有JS接口列表见附录2,
success : function(res) {
// 以键值对的形式返回，可用的api值true，不可用为false
// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
alert(res.checkResult);
alert(res.errMsg);
}
}); // end checkJsApi
*/
wx.onMenuShareAppMessage({
title : '拭拭吧', // 分享标题
desc : '此商城绝无仅有，不买就是血亏', // 分享描述
link : currurl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//imgUrl : "../weixinMall/images/icon_imgs/logo.jpg", // 分享图标
imgUrl : "http://gy7tgr.natappfree.cc//wxapi/weixinMall/images/icon_imgs/logo.jpg",
type : 'link', // 分享类型,music、video或link，不填默认为link
dataUrl : '', // 如果type是music或video，则要提供数据链接，默认为空
success : function() {
// 用户确认分享后执行的回调函数
// alert('share successful');
},
cancel : function() {
// 用户取消分享后执行的回调函数
// alert('share cancel');
}
}); // end onMenuShareAppMessage
wx.onMenuShareTimeline({
title : "拭拭吧", // 分享标题
desc : '此商城绝无仅有，不买就是血亏', // 分享描述
link : currurl, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl : "http://gy7tgr.natappfree.cc//wxapi/weixinMall/images/icon_imgs/logo.jpg", // 分享图标
success : function() {
// 用户确认分享后执行的回调函数
},
cancel : function() {
// 用户取消分享后执行的回调函数
}
}) ; // end onMenuShareTimeline
}); // end ready
wx.error(function(res) {
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
alert("error:"+res);
});
} // end success
}); // end ajax
}); // end document