小程序?qū)崿F(xiàn)授權(quán)登陸的解決方案

{
"pages": [
  "pages/home/index", 
  "pages/login/index",
   ...
  ]
}

const App = getApp()
import { loginModel } from '../../models/login.js'
import { MineModel } from '../../models/mine.js'
import { encodeUnicode } from '../../utils/index.js'
const ModelLogin = new loginModel()
const Modelmine = new MineModel()
Page({
 data: {
  logged: !1,
  isauth: false,
  locked: false
 },
 onLoad: function(options) {
  // 返回到之前要刷新
  var pages = getCurrentPages() // 獲取頁(yè)面棧
  var prevPage = pages[pages.length - 2] // 前一個(gè)頁(yè)面
  prevPage.setData({
   isBack: true
  })
 },
 onShow: function() {
  // 如果已經(jīng)授權(quán)則顯示登錄,直接登錄不調(diào)用授權(quán)
  App.WxService.getSetting().then(res => {
   if (res.authSetting['scope.userInfo']) {
    this.setData({
     isauth: true
    })
   }
  })
  //token 不能在page外面定義，變量寫(xiě)在 page 外面有緩存
  const token = App.WxService.getStorageSync('utoken')
  // 如果有token顯示已經(jīng)授權(quán)
  this.setData({
   logged: !!token
  })
  token && setTimeout(this.goBack, 1500)
 },
 login() {
  this.wechatSignUp()
 },
 goBack() {
  // 返回登錄之前的頁(yè)面
  wx.navigateBack({
   delta: 1
  })
 },
 // 登陸注冊(cè)
 wechatSignUp(cd) {
  // 上鎖如果正在請(qǐng)求接口那么就返回
  if (this.data.locked) {
   return
  }
  this.data.locked = true
  //注冊(cè)或者登陸獲取token
  let code = ''
  App.WxService
   .login()
   .then(data => {
    code = data.code
    wx.setStorageSync('logincode', data.code)
    return App.WxService.getUserInfo()
   })
   .then(data => {
    // 請(qǐng)求后臺(tái)登錄注冊(cè)接口
    return ModelLogin.wechatSignUp({
     encrypteData: data.encryptedData,
     iv: data.iv,
     rawData: encodeUnicode(data.rawData), // 編碼
     signature: data.signature,
     code: code
    })
   })
   .then(data => {
    this.data.locked = false
    if (data.data.token == '') {
     wx.showToast({
      title: '登錄失敗',
      icon: 'none'
     })
     return
    }
    App.WxService.setStorageSync('utoken', data.data.token)
    // 訪問(wèn)后臺(tái)接口獲取用戶(hù)信息
    ModelLogin.getVipInfo({ token: data.data.token }).then(res => {
     App.globalData.userInfo = res.data.userInfo
     // 返回上一頁(yè)
     this.goBack()
    })
   })
   .catch(err => {
    this.data.locked = false
    console.log(err)
   })
 }
})

<view class="login-container">
 <view class="login" wx:if="{{ !logged }}">
  <view class="app-info">
   <image class="app-logo" src="./s-toplogo@2x.png" />
   <text class="app-name">商城</text>
  </view>
  <view class="alert">
   <view class="alert-title" wx:if="{{!isauth}}">請(qǐng)同意授權(quán)</view>
   <view class="alert-title" wx:if="{{isauth}}">請(qǐng)登錄</view>
   <view class="alert-desc">
    <view class="alert-text">為了讓頭號(hào)買(mǎi)手可以更好的為您服務(wù)</view>
   </view>
  </view>
  <button type='primary' wx:if="{{!isauth}}" class="sui-f16" open-type="getUserInfo" bind:getuserinfo="wechatSignUp">確認(rèn)授權(quán)</button>
  <button type="primary" wx:if="{{isauth}}" class="weui-btn" bindtap="login">確認(rèn)登錄</button>
 </view>
 <view class="logged" wx:else>
  <image class="logged-icon" src="./s-toplogo@2x.png" />
  <view class="logged-text">近期你已經(jīng)授權(quán)登陸過(guò)商城</view>
  <view class="logged-text">自動(dòng)登錄中</view>
 </view>
</view>