用戶在微信客戶端中訪問第三方網(wǎng)頁，公眾號可以通過微信網(wǎng)頁授權(quán)機制，來獲取用戶基本信息

// 微信官方文檔地址
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

1 第一步：用戶同意授權(quán)，獲取code
2 第二步：通過code換取網(wǎng)頁授權(quán)access_token
3 第三步：刷新access_token（如果需要）
4 第四步：拉取用戶信息(需scope為 snsapi_userinfo)
5 附：檢驗授權(quán)憑證（access_token）是否有效

第一步：用戶同意授權(quán)，獲取code

方法一：網(wǎng)頁外鏈跳轉(zhuǎn)的方式
01.請求后臺的接口，會返回一個微信掃碼的界面地址，使用js跳轉(zhuǎn)過去即可

wxlogin () {
User.wxlogins().then(res => {
console.log(res)
window.location.href = res.result.url
})
}

方法二：網(wǎng)頁內(nèi)嵌二維碼方式

setWxerwma () {
const s = document.createElement(‘script’)
s.type = ‘text/javascript’
s.src = ‘https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js’
const wxElement = document.body.appendChild(s)
wxElement.onload = function () {
var obj = new WxLogin({
id: ‘’, // 需要顯示的容器id
appid: ‘’, // 公眾號appid wx*******
scope: ‘snsapi_login’, // 網(wǎng)頁默認即可
redirect_uri: encodeURIComponent(’’), // 授權(quán)成功后回調(diào)的url
state: Math.ceil(Math.random() * 1000), // 可設置為簡單的隨機數(shù)加session用來校驗
style: ‘black’, // 提供"black"、"white"可選。二維碼的樣式
href: ‘’ // 外部css文件url，需要https
})
}
},

var obj = new WxLogin({
self_redirect: false,
id: “l(fā)ogin_container”,
appid: “wx5·······”,
scope: “snsapi_login”,
redirect_uri: encodeURI(“http://www.3dflb.com/index.html”),
state: Math.floor(Math.random() * 1000000),
style: “black”,
href: “data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7DQogIHdpZHRoOiAxNTBweDsNCn0NCg0KLmltcG93ZXJCb3ggLnRpdGxlIHsN” //二維碼圖片
});

//如果用戶同意授權(quán)，頁面將跳轉(zhuǎn)至 redirect_uri/?code=CODE&state=STATE。會獲得 http://www.3dflb.com/index.html?code=031Efn0w3M5f6V2jt64w32wGZ&state=146940#/gz 這樣的一個，帶code的url

第二步：通過code換取網(wǎng)頁授權(quán) access_token 和 openid

方法一、獲取code后，請求以下鏈接獲取access_token： https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
方法二、把code傳給后臺，進行處理

第三步：刷新access_token（如果需要）

第四步：拉取用戶信息(需scope為 snsapi_userinfo)

如果網(wǎng)頁授權(quán)作用域為snsapi_userinfo，則此時開發(fā)者可以通過access_token和openid拉取用戶信息了。

方法一、請求方法
http：GET（請使用https協(xié)議） https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN
方法二、把access_token 和 openid傳給后臺，進行處理