参考文档
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
参数描述
redirect_url (回调地址一般为业务首页)
scope 分两种 一种为用户无感知只能获取到用户的openid(snsapi_base)
第二种 弹出授权页 在用户同意授权的情况之下会进入回调页面并且获取到用户openid和（昵称，头像等信息）（snsapi_userinfo）
state 非必须参数 我这里用的是UUID
第一步获取code(前端完成)
//生成uuid的函数
guid2() {
function S4() {
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
}
return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
},
获取code
code(){
let uuid= this.guid2
let redirect_uri=encodeURI("自己的回调地址"）
let appid="自己的appid"
let url=`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${redirect_uri}&response_type=code&scope=snsapi_base&state=${uuid}#wechat_redirect`
location.href = url
}
页面将跳转至 redirect_uri/?code=CODE&state=STATE。
这样就能获取到code
由于安全性的问题这一步一般是由服务器发起（前端发起会出现跨域问题）
第二步：通过code换取网页授权access_token
首先请注意，这里通过code换取的是一个特殊的网页授权access_token,与基础支持中的access_token（该access_token用于调用其他接口）不同。公众号可通过下述接口来获取网页授权access_token。如果网页授权的作用域为snsapi_base，则本步骤中获取到网页授权access_token的同时，也获取到了openid，snsapi_base式的网页授权流程即到此为止。
尤其注意：由于公众号的secret和获取到的access_token安全级别都非常高，必须只保存在服务器，不允许传给客户端。后续刷新access_token、通过access_token获取用户信息等步骤，也必须从服务器发起。
请求方法
获取code后，请求以下链接获取access_token： https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
参数说明
参数是否必须说明
appid是公众号的唯一标识
secret是公众号的appsecret
code是填写第一步获取的code参数
grant_type是填写为authorization_code
返回说明
正确时返回的JSON数据包如下：
{"access_token":"ACCESS_TOKEN","expires_in":7200,"refresh_token":"REFRESH_TOKEN","openid":"OPENID","scope":"SCOPE"}
