新版小程序登录授权的方法

onShow () {
  login(() => {
    do something...
  })
}

// 开始login
function login (callback) {
 wx.showLoading()
 wx.login({
  success (res) {
   if (res.code) {
    // 登录成功，获取用户信息
    getUserInfo(res.code, callback)
   } else {
    // 否则弹窗显示，showToast需要封装
    showToast()
   }
  },
  fail () {
   showToast()
  }
 })
}

// 获取用户信息
function getUserInfo (code, callback) {
 wx.getUserInfo({
  // 获取成功，全局存储用户信息，开发者服务器登录
  success (res) {
   // 全局存储用户信息
   store.commit('storeUpdateWxUser', res.userInfo)
   postLogin(code, res.iv, res.encryptedData, callback)
  },
  // 获取失败，弹窗提示一键登录
  fail () {
   wx.hideLoading()
   // 获取用户信息失败，清楚全局存储的登录状态，弹窗提示一键登录
   // 使用token管理登录态的，清楚存储全局的token
   // 使用cookie管理登录态的，可以清楚全局登录状态管理的变量
   store.commit('storeUpdateToken', '')
   // 获取不到用户信息，说明用户没有授权或者取消授权。弹窗提示一键登录，后续会讲
   showLoginModal()
  }
 })
}

// 开发者服务端登录
function postLogin (code, iv, encryptedData, callback) {
 let params = {
  code: code,
  iv: iv,
  encryptedData: encryptedData
 }
 request(apiUrl.postLogin, params, 'post').then((res) => {
  if (res.code == 1) {
   wx.hideLoading()
   // 登录成功，
   // 使用token管理登录态的，存储全局token，用于当做登录态判断，
   // 使用cookie管理登录态的，可以存任意变量当做已登录状态
   store.commit('storeUpdateToken', res.data.token)
   callback && callback()
  } else {
   showToast()
  }
 }).catch((err) => {
  showToast()
 })
}

// 显示toast弹窗
function showToast (content = '登录失败，请稍后再试') {
 wx.showToast({
  title: content,
  icon: 'none'
 })
}

getPlayer () {
  // 判断全局是否有登录状态，如果没有直接弹窗提示一键登录
  isLogin(() => {
    let params = {
      token: this.token
    }
    request(apiUrl.getPlayer, params).then((res) => {
      // TODO: 删除打印
      if (res.code === 1) {
        store.commit('storeUpdateUser', res.data.player_info)
      } else {
        // 获取失败了，如果是code是未登录，则去登录，然后执行回调函数this.getPlayer
        // 如果code不是未登录，直接弹窗报错误信息
        handleError(res, this.getPlayer)
      }
    }).catch((err) => {
      handleError(err)
    })
  })
}

// 判断是否登录
function isLogin (callback) {
 let token = store.state.token
 if (token) {
  // 如果有全局存储的登录态，暂时认为他是登录状态
  callback && callback()
 } else {
  // 如果没有登录态，弹窗提示一键登录
  showLoginModal()
 }
}

// 接口调用失败处理，
function handleError (res, callback) {
 // 规定-3041和-3042分别代表未登录和登录态失效
 if (res.code == -3041 || res.code == -3042) {
  // 弹窗提示一键登录
  showLoginModal()
 } else if (res.msg) {
  // 弹窗显示错误信息
  showToast(res.msg)
 }
}

// 显示一键登录的弹窗
function showLoginModal () {
 wx.showModal({
  title: '提示',
  content: '你还未登录，登录后可获得完整体验 ',
  confirmText: '一键登录',
  success (res) {
   // 点击一键登录，去授权页面
   if (res.confirm) {
    wx.navigateTo({
     url: '授权登录页面地址',
    })
   }
  }
 })
}

getUserInfo (e) {
  if (e.target.userInfo) {
    // 点击Button弹窗授权，如果授权了，执行login
    // 因为Login流程中有wx.getUserInfo，此时就可以获取到了
    login(() => {
      // 登录成功后，返回
      wx.navigateBack()
    })
  }
}