Vue 調用微信掃一掃功能


這個功能呢就是公眾號里面埋一個網頁,有個功能掃一掃,調用微信的js-sdk來弄;

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 官方文檔

第一步綁定域名,就是你在公眾號登錄之后要設置域名,還有白名單,這個喊后端去弄,前端又不曉得哪些是白名單,域名是好多

第二部:安裝js-sdk的包(用npm 或yarn安裝npm install weixin-js-sdk --save

第三部:配置wx.config

這個里面需要的東西全部由后端給你,你只需要去掉后端給你的接口,它的接口會返回wx.config里面需要的字段,(你只需要傳遞url參數就行了)

切記是去掉#及#后的url

let url = location.href.split("#")[0];
mounted()里面去掉,配置成功就會打印成功,可以吧debug:true調試模式打開,ok才是對的報錯就會更好找
 
 

頁面上有

點擊就調用掃碼功能

ok

************************************************************************************

所有用到微信的功能都只能線上測試(測試或正式,本地沒發測)

***************************************************************************************************************

***************************************************************************************************************************************************************************************************

 搬磚中遇到的問題

{"errMsg":"checkJsApi:ok","checkResult":"{}"}

 

 

傳了去#及后面參數的url,然后配置wx.config 就報這個錯

 

 

這個錯誤既然在報checkJsApi:ok 那我就把它注釋掉(這個就是你要用到的微信的功能掃一掃等,如用其他記得寫進來)

 

 

 

去掉之后報這個錯,無效的簽名

 

 

 

無效的簽名,https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

通過自己提交參數然后生成簽名 看跟后端返回的簽名是否一致

 

 

這個jsapi_ticket 參數后端給我

 

 

AccessToken、jsapi_ticket  微信公眾號的這兩個東西 一般是前端獲取還是后端獲取啊-------》后端獲取

 

 

 

 

開發公總號 要綁定成為開發者

 

 

 

開發共總好首先肯定是授權,授權了才能拿到用戶信息,如果已授權直接跳到首頁,如打開開票工具(配置的地址不是我前端的首頁地址,而是后端配置的地址

那個菜單配的地址是http://******wz.cn/htweb/index,它會去調微信授權哪個接口,如果沒有就會彈出授權頁面,點擊確定授權之后重新向到前端的首頁,如果已授權則直接跳前端的首頁,然后---》進行業務操作)

 

 

 掃碼測試就用

草料二維碼--去生成二維碼測試

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM