1.首先 需要在公众号中配置 回调地址,以及白名单

2.在需要进行授权的页面进行以下代码书写:

const appid = "公众号的appid"; // 公众号的唯一标识

          //授权后重定向的回调链接地址， 请使用 urlEncode 对链接进行处理

          const redirect_uri = encodeURIComponent('在公众号配置的回调地址');

          //应用授权作用域：snsapi_userinfo（弹出授权页面，可通过openId拿到昵称、性别、所在地。）

          const scope = "snsapi_userinfo"

          // 应用授权作用域：snsapi_base （不弹出授权页面，直接跳转，只能获取用户openId）

          //  scope: "snsapi_base"

          const urls = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${redirect_uri}&response_type=code&scope=${scope}&state=STATE#wechat_redirect `

          window.location.href = urls

3.这时会弹出授权页,授权之后 code会出现在回调地址的路径上面 根据 截取的方法 可以获取到code,获得到code之后可调用接口 将code返回给后端。

到这里就结束啦.不懂得小伙伴可以留言。