微信使用getUserInfo和getUserProfile获取用户信息

getUserProfile是推荐使用的，官方在2021年4月之后，就不在推荐使用getUserInfo来获取用户信息（昵称和头像）。

下面举个例子。

代码语言：javascript复制

index.wxml

<view class="container">
    <image class="img" src="{{src}}" mode="widthFix" />
    <text>{{name}}</text>
    <!-- <button open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 点击更换头像和昵称</button>  -->
    <button type='primary' bindtap="getUserProfile"> 获取头像昵称 </button>
      
</view>

使用getUserInfo效果展示如下：

代码语言：javascript复制

index.js

Page({

  /**
   * 页面的初始数据
   */
  data: {

    src:'/images/wode1.png',
    name:'Hello Word'
    
  },

  getUserInfo:function(e){
    console.log(e);
    this.setData({
      name:e.detail.userInfo.nickName,
      src:e.detail.userInfo.avatarUrl
    })
  },
  getUserProfile: function (e) {
    wx.getUserProfile({
      // desc: '业务需要',
      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: res => {
        //拿到信息处理业务
       // console.log(e);
        this.setData({
          name:res.userInfo.nickName,
          src:res.userInfo.avatarUrl
        })
      }
    })
  }
})

使用getUserProfile效果展示如下：

关注以下公众号获取更火知识点

公众号

0 人点赞