小程序的登录授权

一、调用wx.login生成code

1、wx.login() 这个API的作用就是为当前用户生成一个临时的登录凭证，这个临时登录凭证的有效期只有五分钟。

```
   wx.login({
    success: res => {
    if (res.code) {
        app.globalData.code = res.code; // 获得code 存入全局
    } else {
        console.log('获取用户登录态失败！' + res.errMsg);
        that.onLogin(); // 重新登录
    }
},   });

二、通过调用公司后台接口（自动注册/登录接口）获取腾讯用户的匿名信息

请看操作步骤：

  //引入接口
const {authorize}=require('../../http/api')
  //登录/注册
  goLogin() {
   wx.login({
    success(res) {
      console.log(res);
      let {code}=res;
      authorize(code).then(res=>{
        console.log('我能获取到信息：',res);
        if(res.code===0) {
          //解析出token,uid,但是得到是匿名用户信息
          let {token,uid}=res.data
          if(!wx.getStorageSync('token')) {

            wx.setStorageSync('token', token)
          }
          
        }
      })
    }
   })
  }

三、获取微信详细的用户信息

  获取微信用户详细：
     
        以前：wx.getUserInfo()
        现在：wx.getUserProfile()
        
        token:是用户的唯一标识，是用户（前端）登录之后，后台对用户名，密码和失效时间加密返回给浏览器的一个字符串，用户（前端）可以利用token写其他业务代码
        
        检测token是否有效:调取公司后台接口来检测是否有效 user/check-token
        检测微信登录态是否有效  wx.checkSession()
        
  //检测微信登录状态      
 async function checkSession(){
  return new Promise((resolve, reject) => {
    wx.checkSession({
      success() {
        return resolve(true)
      },
      fail() {
        return resolve(false)
      }
    })
  })
}
        
// 整体检测微信和token是否失效，返回 true / false
async function checkHasLogined() {
  const token = wx.getStorageSync('token')
  if (!token) {
    return false
  }
  const loggined = await checkSession()
  if (!loggined) {
    wx.removeStorageSync('token')
    return false
  }
  const checkTokenRes = await WXAPI.checkToken(token)
  if (checkTokenRes.code != 0) {
    wx.removeStorageSync('token')
    return false
  }
  return true
}

四、总结微信登录授权流程:

第一步、通过wx.login获取code

第二步、通过code换取用户的匿名信息,并将获取的token缓存起来

第三步、通过调取微信wx.getUserProfile()方法来获取用户详细信息

第四步、再调公司后台修改用户的接口(/user/modify)，来更新用户信息

第五步、最后拉取用户信息，将用户信息渲染到视图上