H5微信授权登录流程

Posted 2020-10-05 撸的一手好诗

1.获取code

var jumpUrl = ‘https://open.weixin.qq.com/connect/oauth2/authorize?‘
  var params = {
    appid: ‘‘, // 公众号appid
    redirect_uri: ‘http://woejfoa.com/a/s.html‘, //回调地址，域名配置同一地址 定位到目录
    response_type: ‘code‘,
    scope: ‘snsapi_userinfo‘,// 需要用户确认登录
    state: ‘STATE‘
  }
  jumpUrl += $.param(params) + ‘#wechat_redirect‘
  location.href = jumpUrl // 获取code跳转到回调地址

在回调地址页面截取url获得code

2.通过接口把code传给后台服务器，后台通过code获得access_token openid 等用户信息返回给前端就可以了