版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_36187544/article/details/80266919
为了实现微信分享时自定义图片和文字,耗费了不少心力,把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<String, String> ret = sign(jsapi_ticket, url); for (Map.Entry entry : ret.entrySet()) { System.out.println(entry.getKey() + ", " + entry.getValue()); } }; 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 + "×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<String, String> sign(String jsapi_ticket, String url) throws FileNotFoundException, IOException { 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 + "×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<String, String> ret = com.org.wxapi.util.Sign.sign(jsapi_ticket, url); JSONObject jsonObject = JSONObject.fromObject(ret); ResponseUtils.renderJson(response, jsonObject.toString()); return null; }
4.前端,写在一个.JS文件里,若要调用,只需在界面上加上
<script type="text/javascript" src="../weixinMall/js/JSSDK.js"></script>
JS文件如下:
document.write("<script language=javascript src='http://res.wx.qq.com/open/js/jweixin-1.1.0.js'></script>"); $(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