小編這次要給大家分享的是微信分享invalid signature簽名錯誤怎么辦，文章內容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

創新互聯專業提供成都主機托管四川主機托管成都服務器托管四川服務器托管，支持按月付款！我們的承諾：貴族品質、平民價格，機房位于中國電信/網通/移動機房，珉田數據中心服務有保障！

前一段時間做了一個微信分享的東西，而且前端框架用的是VUE，被這個東西快折磨瘋了，一個列表頁，一個詳情頁，分享詳情頁的時候，會報錯invalid signature簽名錯誤。

當時就不淡定了，然后開始了排坑之路，根據官網的各種校驗錯誤問題，沒有發現有什么區別

建議按如下順序檢查：

1.確認簽名算法正確，可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 頁面工具進行校驗。

2.確認config中nonceStr（js中駝峰標準大寫S）, timestamp與用以簽名中的對應noncestr, timestamp一致。

3.確認url是頁面完整的url(請在當前頁面alert(location.href.split('#')[0])確認)，包括'http(s)://'部分，以及'？'后面的GET參數部分,但不包括'#'hash后面的部分。

4.確認 config 中的 appid 與用來獲取 jsapi_ticket 的 appid 一致。

5.確保一定緩存access_token和jsapi_ticket。

6.確保你獲取用來簽名的url是動態獲取的，動態頁面可參見實例代碼中php的實現方式。如果是html的靜態頁面在前端通過ajax將url傳到后臺簽名，前端需要用js獲取當前頁面除去'#'hash部分的鏈接（可用location.href.split('#')[0]獲取,而且需要encodeURIComponent），因為頁面一旦分享，微信客戶端會在你的鏈接末尾加入其它參數，如果不是動態獲取當前鏈接，將導致分享后的頁面簽名失敗。

究竟什么導致呢，后來發現是history在微信中的問題，就是當從列表進入詳情頁的時候，往后臺傳入URL，跟你直接從詳情頁進入傳的URL不一致。比如：A=>B，分享B

這時候你需要記錄初始頁的url，解決辦法在你的main.js里，添加

router.beforeEach((to, from, next) => {
 if (!window.initUrl) {
 window.initUrl = location.href.split('#')[0]
 }
 next()
})

然后在你的詳情頁里B獲取

url: '....?url=' + encodeURIComponent(that.isIosOrAndroid() === 'android' ? location.href.split('#')[0] : window.initUrl)

在這里要判斷是android還是ios，因為再android里顯示是正常的，所以就用

location.href.split('#')[0]

直接獲取當前的url即可。

// 判斷ios還是android
 Vue.prototype.isIosOrAndroid = function () {
 let u = navigator.userAgent;
 let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1 // android終端
 let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // ios終端
 let isStr = ''
 if (isAndroid) {
 isStr = 'android'
 }
 if (isiOS) {
 isStr = 'ios'
 }
 return isStr
 }

看完這篇關于微信分享invalid signature簽名錯誤怎么辦的文章，如果覺得文章內容寫得不錯的話，可以把它分享出去給更多人看到。

文章標題：微信分享invalidsignature簽名錯誤怎么辦
本文路徑：http://www.yijiale78.com/article18/gjhcdp.html

成都網站建設公司_創新互聯，為您提供、建站公司、品牌網站制作、網站營銷、關鍵詞優化、做網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯