前端接入步驟:

1. “公眾號(hào)設(shè)置”的“功能設(shè)置”里填寫“JS接口安全域名”

2. 引入http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）

3. config注冊(cè)授權(quán):

wx.config({debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過log打出，僅在pc端時(shí)才會(huì)打印。appId: '', // 必填，公眾號(hào)的唯一標(biāo)識(shí)timestamp: , // 必填，生成簽名的時(shí)間戳nonceStr: '', // 必填，生成簽名的隨機(jī)串 (注意S是大寫的,獲取簽名里面是小寫的s)signature: '',// 必填，簽名jsApiList: [] // 必填，需要使用的JS接口列表 });

4.? 調(diào)用成功函數(shù)和失敗函數(shù)

wx.ready(function(){// config信息驗(yàn)證后會(huì)執(zhí)行ready方法，所有接口調(diào)用都必須在config接口獲得結(jié)果之后，config是一個(gè)客戶端的異步操作，所以如果需要在頁面加載時(shí)就調(diào)用相關(guān)接口，則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。對(duì)于用戶觸發(fā)時(shí)才調(diào)用的接口，則可以直接調(diào)用，不需要放在ready函數(shù)中。 }); wx.error(function(res){// config信息驗(yàn)證失敗會(huì)執(zhí)行error函數(shù)，如簽名過期導(dǎo)致驗(yàn)證失敗，具體錯(cuò)誤信息可以打開config的debug模式查看，也可以在返回的res參數(shù)中查看，對(duì)于SPA可以在這里更新簽名。 });

微信配置文檔:?https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62

后端獲取簽名步驟:

1.獲取access_token,調(diào)用下面這個(gè)接口可以獲取到:

https請(qǐng)求方式:?GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

(APPID和APPSECRET 在 微信公眾號(hào)->設(shè)置與開發(fā)->基本配置 查找)

微信文檔:?傳送門

2.使用access_token獲取簽名用的ticket

https請(qǐng)求方式:?GET https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

(ACCESS_TOKEN是上面那個(gè)接口拿到的,獲取到ticket)

微信文檔:?傳送門

3.獲取到的ticket去sha1加密得到簽名signature,這里最容易出錯(cuò),一定要注意細(xì)節(jié)

這里一定要注意url,前端使用location.href.split('#')[0]獲取得到url,不要添加其他內(nèi)容,也不需要encodeURIComponent,微信文檔說要encodeURIComponent,實(shí)際不使用encodeURIComponent才成功了?

4.注意事項(xiàng):

?

?

總結(jié)

以上是生活随笔為你收集整理的微信SDK配置wx.config报invalid signature签名错误的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。