微信小程序获取用户头像和昵称

By 小程序开发 at 2023-09-25 • 0人收藏 • 149人看过

(1)自2022年10月25日后,小程序 wx.getUserProfile 接口将被收回:生效期后发布的小程序新版本,通过 wx.getUserProfile 接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户”。生效期前发布的小程序版本不受影响,但如果要进行版本更新则需要进行适配。

(2)自2022年10月25日后,插件通过 wx.getUserInfo 接口获取用户昵称头像将被收回:生效期后发布的插件新版本,通过 wx.getUserInfo 接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户”。生效期前发布的插件版本不受影响,但如果要进行版本更新则需要进行适配。

(3)如业务确实需获取用户头像昵称,可以使用【头像昵称填写能力】来获取用户头像和昵称(基础库 2.21.2 版本开始支持,覆盖iOS与安卓微信 8.0.16 以上版本)。

头像昵称填写能力:


小程序需要让用户完善个人资料时,可以通过微信提供的头像昵称填写能力快速完善。


进行头像选择和昵称填写


avatar


<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
  <image class="avatar" src="{{avatarUrl}}"></image>
</button> 
<input type="nickname" class="weui-input" placeholder="请输入昵称"/>


const defaultAvatarUrl = ''
Page({
  data: {
    avatarUrl: defaultAvatarUrl,
  },
  onChooseAvatar(e) {
    const { avatarUrl } = e.detail 
    this.setData({
      avatarUrl,
    })
  }
})


登录后方可回帖

Loading...