获取微信openid

参考文档

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"}