微信服务号登录

新版本中，由服务器返回 js 脚本写入 SessionStorage 以记录会话标识，后续跳转授权需要根据该标识来共享数据，微信 Oauth 授权完成后会回到当前页面location.href ，同时本地会生成专属 WeChat 授权 Token。

PS. 为什么这里要用 eval 执行 SessionStorage 来写 Token？因为大多数情况下，前端与后端部署在不同的域名上面 ，如果直接调用后台链接的 js 来写内容，可能会出现跨域问题，无法在前端域名下读取到 WeChat 专属 Token 值，从而导出授权成功前端拿不到用户信息。

// #ifdef H5
// 微信环境检查并实现自动登录，默认使用静默授权
if (/MicroMessenger/i.test(navigator.userAgent)) {
  window.withWeChatLogin = function (mode) {
    let src = encodeURIComponent(document.location.href)
    let ssi = sessionStorage.getItem('wechat.session') || ''
    let url = `%APP_HTTP%/plugin-account/api.wechat/oauth?ssid=${ssi}&mode=${mode}&source=${src}`
    let xhr = new XMLHttpRequest()
    xhr.withCredentials = true
    xhr.open('GET', url, false)
    xhr.onreadystatechange = function () {
      if (xhr.readyState === 4 && xhr.status === 200) {
        eval(xhr.responseText)
      }
    }
    xhr.send()
  }
  withWeChatLogin(0)
}
// #endif

注意： 微信授权有两种模式，分别是静默授权和完整授权。

可以根据自己实际情况调用 withWeChatLogin() 方法，参数传 0 或 1 即可。目前微信对于完整授权有诸多限制，也拿不到真实用户资料(昵称，头像等)，所以大多数情况下只需要使用静默授权即可。