微信网页开发分享

首先提供一个微信官方地址点击打开链接

早期web项目中经常用到微信分享功能,现在整理一下，供记忆与分享，开发环境为JAVA +H5。

1、微信的开发环境不在多说，大概为:使用已备案的域名，设置“公众号设置”的三项域名、

设置开发者密码(AppSecret)、调试通过核心服务地址。

2、公众平台以access_token为接口调用凭据，来调用接口，所有接口的调用需要先获取access_token，access_token在2小时内有效，过期需要重新获取，但1天内获取次数有限，开发者需自行存储。在线测试地址点击打开链接

 接口地址：JSAPI_Access_token
= "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential";

 提供必要参数：
String tokenURL=JSAPI_Access_token+"&appid="+appid+"&secret="+secret;3、用第一步拿到的access_token
采用http GET方式请求获得jsapi_ticket（有效期7200秒，开发者必须在自己的服务全局缓存jsapi_ticket）；

String
JSAPI_TICKET_URL = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi";
以上JS-SDK接口是基础，比较简单，注意细节即可。
4、签名计算
 public static Map<String, String> sign(String jsapi_ticket, String url) {
Map<String, String> ret = new HashMap<String, String>();
String nonce_str = echostr();
String timestamp = getTimeStamp();
String string1;
String signature = "";
string1 = "jsapi_ticket=" + jsapi_ticket + "&noncestr=" + nonce_str + "timestamp=" + 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;
}5、WEB前端js函数封装,页面加载是注册分享事件

function wxSharecfg(response, setFx) {
var Request = new Object();
Request = GetRequest();
var d = Request["demo"];
wx.config({
debug: false,
appId: response.appId,
timestamp: response.timestamp,
nonceStr: response.nonceStr,
signature: response.signature,
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
]
});
wx.ready(function () {
var shareData = {
imgUrl: urlStr ,//图片地址
link: url,
title: "标题",
desc: setFx.desc,
success: function (res) {
//alert('已分享');
},
fail: function (res) {
//'分享失败!'
}
};
wx.onMenuShareAppMessage(shareData);
wx.onMenuShareTimeline(shareData);
wx.onMenuShareQQ(shareData);
wx.onMenuShareWeibo(shareData);
wx.onMenuShareQZone(shareData);
});
}