前端接入步驟:

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

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

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

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

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

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ù)中。 }); wx.error(function(res){// config信息驗證失敗會執(zhí)行error函數(shù)，如簽名過期導(dǎo)致驗證失敗，具體錯誤信息可以打開config的debug模式查看，也可以在返回的res參數(shù)中查看，對于SPA可以在這里更新簽名。 });

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

后端獲取簽名步驟:

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

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

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

微信文檔:?傳送門

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

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

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

微信文檔:?傳送門

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

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

4.注意事項:

?

?

總結(jié)

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

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