我要评论一、前提：
微信测试号，用微信开发者工具测试
二、简单复述文档：
1、引入js文件
在需要调用js接口的页面引入如下js文件，（支持https）：
如需进一步提升服务稳定性，当上述资源不可访问时，可改访问： （支持https）。
备注：支持使用 amd/cmd 标准模块加载方法加载
2、通过config接口注入权限验证配置
所有需要使用js-sdk的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的spa的web app可在每次url变化时进行调用,目前android微信客户端不支持pushstate的h5新特性，所以使用pushstate来实现web app的页面会导致签名失败，此问题会在android6.2中修复）。
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appid: '', // 必填，公众号的唯一标识
timestamp: , // 必填，生成签名的时间戳
noncestr: '', // 必填，生成签名的随机串
signature: '',// 必填，签名
jsapilist: [] // 必填，需要使用的js接口列表
});
3、签名算法
签名生成规则如下：参与签名的字段包括noncestr（随机字符串）, 有效的jsapi_ticket, timestamp（时间戳）, url（当前网页的url，不包含#及其后面部分） 。对所有待签名参数按照字段名的ascii 码从小到大排序（字典序）后，使用url键值对的格式（即key1=value1&key2=value2…）拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密，字段名和字段值都采用原始值，不进行url 转义。
即signature=sha1(string1)。 示例：
noncestr=wm3wzytpz0wzccnw jsapi_ticket=sm4aovdwfpe4dxkxges8vmcpggvi4c3vm0p37wvucfvkvay_90u5h9nbslyy3-sl-hhtdfl2fzfy1aochkp7qg timestamp=1414587457 url=http://mp.weixin.qq.com?params=value
步骤1. 对所有待签名参数按照字段名的ascii 码从小到大排序（字典序）后，使用url键值对的格式（即key1=value1&key2=value2…）拼接成字符串string1：
jsapi_ticket=sm4aovdwfpe4dxkxges8vmcpggvi4c3vm0p37wvucfvkvay_90u5h9nbslyy3-sl-hhtdfl2fzfy1aochkp7qg&noncestr=wm3wzytpz0wzccnw×tamp=1414587457&url=http://mp.weixin.qq.com?params=value
步骤2. 对string1进行sha1签名，得到signature：
0f9de62fce790f9a083d5c99e95740ceb90c27ed
注意事项
1.签名用的noncestr和timestamp必须与wx.config中的noncestr和timestamp相同。
2.签名用的url必须是调用js接口页面的完整url。
3.出于安全考虑，开发者必须在服务器端实现签名的逻辑。
4、自定义“分享给朋友”及“分享到qq”按钮的分享内容（1.4.0）
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.updateappmessagesharedata({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号js安全域名一致
imgurl: '', // 分享图标
success: function () {
// 设置成功
}
});
5、自定义“分享到朋友圈”及“分享到qq空间”按钮的分享内容（1.4.0）
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.updatetimelinesharedata({
title: '', // 分享标题
link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号js安全域名一致
imgurl: '', // 分享图标
success: function () {
// 设置成功
}
});
三、写代码
public map<string,string> getshareinformation(string link) throws exception{
string appid = wechatutil.appid;
string appcret = wechatutil.appsecret;
string timestamp = string.valueof(system.currenttimemillis()/1000).trim();
string noncestr = wechatutil.generatenoncestr().substring(0,16);
string jsapi_ticket = wechatutil.getsharejsapitick(appid, appcret, 8);
string signature = share.sha1("jsapi_ticket="+jsapi_ticket+"&noncestr="+noncestr+"×tamp="+timestamp+"&url="+link);
map<string,string>data = new hashmap<string,string>();
data.put("appid", appid.tostring());
data.put("timestamp",timestamp);
data.put("noncestr", noncestr);
data.put("signature", signature);
return data;
}
function setshare(openid){
var ref = window.location.href.split('#')[0];
$.ajax({
url: comurl+"share/buttonshare.api?link="+ref,
type: 'get',
success: function(data){
var datas =json.parse(data);
if(datas.returncode=='0'){
var obj = datas.obj;
wx.config({
debug: true, // 开启调试模式,
appid: obj.appid, // 必填，公众号的唯一标识
timestamp: obj.timestamp, // 必填，生成签名的时间戳
noncestr: obj.noncestr, // 必填，生成签名的随机串
signature: obj.signature,// 必填，签名，见附录1
jsapilist: ['updateappmessagesharedata',
'updatetimelinesharedata'], // 必填，需要使用的js接口列表，所有js接口列表见附录2
success:function(res){
console.log("wx.config成功"+res);
},
fail:function(res){
console.log("wx.config失败"+res);
}
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.updateappmessagesharedata({ //“分享给朋友”及“分享到qq”
title: '测试', // 分享标题
desc: '快来帮我集能量', // 分享描述
link: comhref+"share.html?openid="+openid, // 分享链接，
imgurl: comhref+"images/xiaoguanjia.png", // 分享图标
success: function () {
console.log("分享成功");
},
cancel: function () {
console.log("取消分享");
}
});
wx.updatetimelinesharedata({ //“分享到朋友圈”及“分享到qq空间”
title: '测试', // 分享标题
link: comhref+"share.html?openid="+openid, // 分享链接，
imgurl: comhref+"images/xiaoguanjia.png", // 分享图标
success: function () {
console.log("分享成功");
},
cancel: function () {
console.log("取消分享");
}
});
});
}else{
$.dialog.alert(datas.message)
}
},
error:function(data) {
var datas =json.parse(data);
}
});
}
四、测试
遇到两个问题
问题一：报错 invaid url domain
原因是我配置有问题：不能有http://www.lhsxpumps.com/_ 直接写域名，就可以了
config通过
接着出现问题二：没有此sdk或暂不支持此sdk模拟
是因为我用的微信开发工具，不支持这个工具，换成手机就没问题了
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论