小程序授权 wx.getUserProfile API

index.js
// index.js
// 获取应用实例
const app = getApp()

  Page({
    data: {
      motto: 'Hello World',
      userInfo:'',
      
    },
onLoad:function(){
  if(wx.getStorageSync('userInfo')){
    let userInfo = wx.getStorageSync('userInfo')
    console.log(userInfo)
    this.setData({
      userInfo: userInfo,
      
    })
  }else{
    
    this.getUserInfoData()
  }
},
  getUserInfoData(){
    console.log("sd")
// let that=this
    wx.getUserProfile({
      desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success :(res) => {  //有箭头函数可以直接用this 没有要 let that = this
        // 存储本地信息
        wx.setStorageSync('userInfo',res.userInfo)
        this.setData({
          userInfo: res.userInfo,
          
        })
      },
      fail(res){
        console.log(res)
      }
     })
    },
    // 退出登录
    getUserloginOut(){
      this.setData({
        userInfo: '',
        loginOut:false
      })

      wx.removeStorage({
        key: 'userInfo',
        success (userInfo) {
          console.log(userInfo)
        }
      })
    }
    
  })


index.wxml
<!--index.wxml-->
<view class="container">
  <view class="userinfo">
    <text>{{userInfo.nickName}}</text>
  <button wx:if="{{userInfo}}" bindtap = "getUserloginOut" >退出登录</button>

  <button wx:if="{{!userInfo}}" bindtap = "getUserInfoData" >获取授权</button>
  </view>
  <view class="usermotto">
    <text class="user-motto">{{motto}}</text>
  </view>
</view>