前提：一個(gè)通過認(rèn)證了的微信公眾號(hào)或者開發(fā)者帳號(hào)录别，沒有通過認(rèn)證的公眾帳號(hào)暇咆。數(shù)字簽名認(rèn)證也能成功低零，但是分享信息是無法設(shè)置成功的
Step1 添加安全域名
左側(cè)公眾號(hào)設(shè)置--功能設(shè)置--JS接口安全域名
添加安全域名
Step2 生成數(shù)字簽名(服務(wù)端)
http://images.cnitblog.com/blog/405426/201501/280924499562893.png
獲取access_token
請(qǐng)求接口:
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=你的appid&secret=你的secret
請(qǐng)求方法: get
返回結(jié)果: access_token (有效期7200秒实柠，必須在服務(wù)端緩存)
獲取簽名所需ticket
請(qǐng)求接口:https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=上一步中獲取的access_token&type=jsapi
請(qǐng)求方法: get,
type: JSON,
返回結(jié)果: jsapi_ticket (有效期7200秒水泉，必須在服務(wù)端緩存)
生成隨機(jī)字符串
// 隨機(jī)字符串產(chǎn)生函數(shù)
var nonceStr = function() {
return Math.random().toString(36).substr(2, 15);
};
生成時(shí)間戳
// 時(shí)間戳產(chǎn)生函數(shù)
var timeStamp = function () {
return parseInt(new Date().getTime() / 1000) + '';
};
簽名算法 (可以參考官方給出的demo:https://github.com/arronf2e/jssdk_simple)
var calcSignature =function(ticket,nonceStr,timeStamp,url) {
var result = {
jsapi_ticket: ticket,
nonceStr: nonceStr,
timestamp: timeStamp,
url: url,
}
var str = 'jsapi_ticket=' + ticket + '&noncestr=' + nonceStr + '×tamp=' + timeStamp + '&url=' + url;
// 對(duì)str使用sha1簽名，得到signature窒盐，這里使用jsSHA模塊草则，需install
shaObj = new jsSHA(str, 'TEXT');
result.signature = shaObj.getHash('SHA-1', 'HEX');
return result; // 返回到前端，提供接口由前端請(qǐng)求
}
Step3 在web中使用數(shù)字簽名
@1 需要調(diào)用JS接口的頁面引入如下JS文件蟹漓，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.0.0.js
@2 通過config接口注入權(quán)限驗(yàn)證配置
wx.config({
debug: true,
appId: '',
timestamp: ,
nonceStr: '',
signature: '',
jsApiList: ['onMenuShareTimeline'] //需要使用的JS接口列表
})
@3 通過ready接口處理成功驗(yàn)證
//config信息驗(yàn)證后會(huì)執(zhí)行ready方法
wx.ready(function() {
wx.onMenuShareTimeline({
title: '',
desc: '',
link: '',
imgUrl: '',
success: function() {
},
cancel: funcntion() {
}
})
})
@4 通過error接口處理失敗驗(yàn)證
//config信息驗(yàn)證失敗會(huì)執(zhí)行error函數(shù)
wx.error(function(res) {
如簽名過期導(dǎo)致驗(yàn)證失敗炕横，具體錯(cuò)誤信息可以打開config的debug模式查看，也可以在返回的res參數(shù)中查看葡粒，對(duì)于SPA可以在這里更新簽名份殿。
})
