微信小程序用户授权

221 阅读1分钟
1.在app.js里设置用户授权和相关信息
2.去login.js中去调用方法,获取detail.userInfo
3.判断是否授权成功,如果成功友好提示跳转到上个页面否则跳转到login页面
app.js
   this.globalData = {}
  },
  // 授权
    is_login:function(){
      if (this.globalData.userInfo){
        return true;
      }else{
        return false;
      }
    },
    //设置用户信息
  setUserInfo: function (userInfo){
      this.globalData.userInfo = userInfo
    }
login.js
// 信息
  handleUserLogin:function(e){
    const userInfo = e.detail.userInfo
    if(userInfo){
      getInfo.setUserInfo(userInfo)
      wx.showToast({
        title: '授权成功!',
      })
      setTimeout(()=>{
        wx.navigateBack({})  //返回到上一个页面
      },
      1500)
    }
  },
    home.js
// 登录
  handleOnRest(e){
    if (getInfo.is_login()){
      console.log('授权成功')
    }else{
      wx.navigateTo({
        url: '../login/login',
      })
    }
  },  
   <view class='container'>
      <view class='content-login-box'>
        <image class='content-login-img' src='../../images/login.png'></image>
      </view>
      <view class='tips'>授权后才可以使用功能...</view>
      <button type='primary' open-type='getUserInfo' bindgetuserinfo='handleUserLogin'>授权</button>
      <button type='default'>返回</button>
  </view>