天天看點

wx.getUserInfo擷取到的使用者資訊為匿名資訊,微信小程式接口調整---代碼更改

可以直接參考官方文檔:wx.getUserProfile

或者往下看:

效果:

wx.getUserInfo擷取到的使用者資訊為匿名資訊,微信小程式接口調整---代碼更改

需要點選按鈕進行授權,比原來的授權簡單了:

wxss

.avator-tit{
  display:flex;
  margin-top:20rpx;
  font-size:32rpx;
  align-items: center;
}
.avatar{
  width:160rpx;
  text-align:left;
  border-radius: 50%;
}
           

wxml:

<view class="avator-tit">
      <view class="avatar">
         <image src="{{logo}}" class="img"  bindtap="toAuth"></image>
      </view>
      <view>{{nickName}}</view>
    </view>
           

js

toAuth(){
    wx.getUserProfile({
      desc: '用于完善會員資料', // 聲明擷取使用者個人資訊後的用途,後續會展示在彈窗中,請謹慎填寫
      success: (res) => {
      // 也可以直接在這裡儲存,友善在全局使用 
      // wx.setStorageSync('userInfo',res.userInfo); 
        let {nickName, avatarUrl} = res.userInfo;
        this.setData({
          logo: avatarUrl,
          nickName
        })
      }
    })
           

就OK了!

繼續閱讀