【前端 VUE】VUE 微信网页扫码登录(微信)
//网页内调用微信扫码功能
//1.html
<div id="login_container"></div>
//2.js
//在页面创建后调用方法 mounted内
new WxLogin 内以下参数 意思
id:标签 id
state: 自定义随机码
style: 展示颜色类型 black white
scope: "snsapi_login", 网页应用目前直接写死snsapi_login
redirect_uri: 回调链接
//方法调用
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== }); }
用户允许授权后,将会重定向到redirect_uri的网址上,并且带上code和state参数
redirect_uri?code=CODE&state=STATE
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
微信小游戏 下载资源的使用