微信展示用户头像、昵称、城市、性别的方法

1、直接使用open-data组件

  • 无需用户弹窗确认
<open-data type="groupName" open-gid="xxxxxx"></open-data>
<open-data type="userAvatarUrl"></open-data>
<open-data type="userGender" lang="zh_CN"></open-data>

2、wx.getUserProfile

  • 每次调用此接口均会弹窗让用户授权,因此要注意保存用户信息
  • 页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用
//.wxml
<button bindtap="getUserProfile"> 获取头像昵称 </button>
//.js
  getUserProfile(e) {
    wx.getUserProfile({
      desc: '展示用户信息', /
      success: (res) => {
        console.log(res)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容