例如我們的首頁是m.ttftx.mobi,路由跳轉到test頁面瘤睹,url應該變成m.ttftx.mobi/test。
通過微信復制鏈接,我們就會發(fā)現(xiàn) 安卓復制出來的是m.ttftx.mobi/test?ios則是m.ttftx.mobi也就是進入頁的鏈接!!圃庭!
涉及到JS-SDK上的功能開發(fā),鏈接不同會導致簽名失斒纭>缒濉!涂屁!
注:所以ios只需在app.vue中驗簽一次 一直使用书在。安卓則需要在其他路由頁面重新驗簽
注:鏈接不能有空格 不能有# 不能有特殊字符 否則驗簽不會通過
附上步驟
步驟1:綁定域名
先登錄微信公眾平臺進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。
步驟2:引入JS文件
index.html中引入 如圖1
圖1
步驟3:使用JS-SDK的頁面通過config接口注入權限驗證配置
封裝一個方法requireConfig??app.vue 中調用 如圖2
后臺接口WeChatAuthorization中獲取驗證的配置信息 然后在wx.config中配置(簽名計算神馬的胯陋,后臺的鍋 哈哈哈哈哈哈哈哈)
圖2
步驟4:通過ready接口處理成功驗證
封裝一個方法requireShare?如圖3
附上安卓安卓ios判斷區(qū)分的方法蕊温,如果是安卓執(zhí)行步驟三config權限驗證配置,如果是ios通過ready接口處理成功驗證遏乔,error驗證失敗
let u = navigator.userAgent
let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1
let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
圖3
步驟5:頁面分享調用 如圖4
圖4
步驟6:鐺鐺鐺鐺? 完成R迕!分享 如圖5
圖5