三种微信小程序获取用户头像昵称的方式

index.wxml

获取头像昵称

获取头像昵称1

{{userInfo.nickName}} idex.js

Page({ data: {

userInfo: {},

hasUserInfo: false,

canIUse: wx.canIUse('button.open-type.getUserInfo'), canIUseGetUserProfile: false,

canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName') // 如需尝试获取⽤户信息可改为false },

// 事件处理函数 bindViewTap() { wx.navigateTo({ url: '../logs/logs' }) },

onLoad() {

if (wx.getUserProfile) { this.setData({

canIUseGetUserProfile: true }) } },

getUserProfile(e) {

// 推荐使⽤wx.getUserProfile获取⽤户信息，开发者每次通过该接⼝获取⽤户个⼈信息均需⽤户确认，开发者妥善保管⽤户快速填写的头像昵称，避免重复弹窗 wx.getUserProfile({

desc: '展⽰⽤户信息', // 声明获取⽤户个⼈信息后的⽤途，后续会展⽰在弹窗中，请谨慎填写 success: (res) => { this.setData({

userInfo: res.userInfo, hasUserInfo: true }) } }) },

getUserInfo(e) {

// 不推荐使⽤getUserInfo获取⽤户信息，⾃2021年4⽉13⽇起，getUserInfo将不再弹出弹窗，并直接返回匿名的⽤户个⼈信息 this.setData({

userInfo: e.detail.userInfo, hasUserInfo: true })

}})