VUE 網頁 掃碼登錄(微信)


//網頁內調用微信掃碼功能 

//首先必須引入微信JS  

 <script type='text/javascript' src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>

//1.html

<div id="login_container"></div>

//2.js

//在頁面創建后調用方法 mounted內

self_redirect:跳轉微信內置頁面還是掃碼圖直接呈現在本頁面定義的ID容器內

id:標簽 id

appid:注冊的微信appid

state: 自定義隨機碼

style: 展示顏色類型 black  white

scope: "snsapi_login", 網頁應用目前直接寫死snsapi_login

redirect_uri: 回調鏈接

href:修改默認微信掃碼的樣式 需要base64進行編碼

//方法

login(){

 var obj = new WxLogin({

        self_redirect:false,

        id:"login_container", 

        appid: wxAppId, 

        scope: "snsapi_login", 

        redirect_uri: "http://bd.hcity.com/callBack",

        state: 'A123DC35165464',

        style: "black",

        href: 'data:text/css;base64,LmltcG93ZXJCb3ggLm5vcm1hbFBhbmVse21hcmdpbi10b3A6IDE1cHg7fQouaW1wb3dlckJveCAucXJjb2RlIHt3aWR0aDogMjMwcHg7Ym9yZGVyLWNvbG9yOiNDNUUxRkY7fQouaW1wb3dlckJveCAudGl0bGUge2Rpc3BsYXk6IG5vbmU7fQ=='

      });

}

官網文檔地址


免責聲明!

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



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