http://caibaojian.com/wxshare-config.html
http://www.cnblogs.com/joshua317/p/4761948.html
開啟debug
image.png
步驟一:綁定域名
先登錄微信“公眾號設(shè)置”里面填寫“JS接口安全域名”
備注:登錄后可以在“開發(fā)者中心”查看對應(yīng)的接口權(quán)限
下載相應(yīng)的.txt文件保存至靜態(tài)文件的跟目錄下,如圖
image.png
域名的填寫類似這樣:
1:X.XXX.COM
2:X.XXX.COM
3:XXX.XXX.COM
步驟二:引入js文件
開始前端代碼部分
引入http://res.wx.qq.com/open/js/jweixin-1.2.0.js
步驟三:通過config接口注入權(quán)限驗證配置
備注:所有需要JS-SDK的頁面必須注入配置信息,否則將無法調(diào)用
wx.config({
debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開握侧,參數(shù)信息會通過log打出责嚷,僅在pc端時才會打印鸳兽。
appId: '', // 必填,公眾號的唯一標(biāo)識
timestamp: , // 必填罕拂,生成簽名的時間戳
nonceStr: '', // 必填揍异,生成簽名的隨機串
signature: '',// 必填,簽名爆班,見附錄1
jsApiList: [] // 必填衷掷,需要使用的JS接口列表,所有JS接口列表見附錄2
});
//appId,nonceStr,signature,timestamp這些值是從后臺獲取的
//注入檢驗
wx.ready(function(){
var info = {
title: '比特之眼',
desc: '比特之眼是一個數(shù)字貨幣風(fēng)險監(jiān)測與跟蹤平臺柿菩,我們?yōu)楸O(jiān)管機構(gòu)實施數(shù)字貨幣監(jiān)管提供相關(guān)數(shù)據(jù)支持戚嗅、風(fēng)險監(jiān)測、違法線索跟蹤與研判等服務(wù)。',
imgUrl: 'http://xbex.yipincaifu.com/h5/images/tohome.png',
}
var _url = location.href;
if(_url.indexOf("desc") != -1){
info.title = document.title +"-比特之眼";
}
//驗證接口權(quán)限是否通過
wx.checkJsApi({
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
], // 需要檢測的JS接口列表懦胞,所有JS接口列表見附錄2,
success: function(res) {
}
});
//分享朋友
wx.onMenuShareAppMessage({
title: info.title, // 分享標(biāo)題
desc: info.desc,// 分享描述
link: '', // 分享鏈接替久,該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
imgUrl: info.imgUrl, // 分享圖標(biāo)
type: '', // 分享類型,music、video或link躏尉,不填默認(rèn)為link
dataUrl: '', // 如果type是music或video蚯根,則要提供數(shù)據(jù)鏈接,默認(rèn)為空
success: function () {
// 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
},
cancel: function () {
// 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
//分享朋友圈
wx.onMenuShareTimeline({
title: info.title, // 分享標(biāo)題
desc: info.desc,
link: '', // 分享鏈接胀糜,該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
imgUrl: info.imgUrl,
success: function () {
// 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
},
cancel: function () {
// 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
});
});
wx.error(function(res){
});
步驟四:通過ready接口處理成功驗證
wx.ready(function(){
//config信息驗證后會執(zhí)行ready方法颅拦,所有接口調(diào)用都必須在config接口獲取結(jié)果之后,config是一個客戶端的異步操作教藻,所以如果需要在頁面加載時就調(diào)用相關(guān)的接口距帅,則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。對于用戶觸發(fā)時在調(diào)用的接口括堤,則可以直接調(diào)用锥债,不需要放在ready函數(shù)中。
})
步驟五:通過error接口助理時報驗證
wx.error(function(){
//config信息驗證失敗會執(zhí)行error函數(shù)痊臭,如簽名失敗哮肚,具體錯誤信息可以打開config的debug模式查看,也可以在返回的res參數(shù)中查看广匙,對于SPA可以在這里更新簽名允趟。
})