微信小程序登录授权和退出

wxml

<button wx:if="{{!userInfo}}" bindtap="login">登录</button>
<view wx:else>
    <image bindtap="onView" src="{{userInfo.avatarUrl}}" mode="" />
    <view>{{userInfo.nickName}}</view>
    <button bindtap="loginOut">退出登录</button>
</view>

js

Page({
  data: {
    userInfo: "",
  },
  // 事件处理函数
  login() {
    wx.getUserProfile({
      desc: "展示用户信息", // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log(res);
        // 缓存信息到本地
        wx.setStorageSync("user", res.userInfo);
        this.setData({
          nologin: false,
          userInfo: res.userInfo,
        });
      },
      fail: (res) => {
        console.log(res);
      },
    });
  },
  loginOut() {
    this.setData({
      userInfo: "",
    });
  },
  onLoad() {
    // 取出缓存
    let user = wx.getStorageSync("user");
    this.setData({
      userInfo: user,
    });
    wx.setStorageSync("user", null);
  },
});