微信小程序之获取用户信息

微信小程序获取用户信息的两种方式:【复制即可展示效果】
1、wx.getUserInfo:该方法已经弃用,获取到的userinfo为默认的信息,不再是用户的真实信息;


<view>当前用户名:{{name}}view>
<image src="{{image}}">image>
<button open-type="getUserInfo" bindgetuserinfo="login_wx">授权登录button>
/*wxss*/
image{
  width: 200rpx;
  height: 200rpx;
}
//js
data:{
    name:null,
    image:null
  },
  login_wx(){
    var that = this
    wx.getUserInfo({
      success:(res)=>{
        console.log(res.userInfo);
        that.setData({
          name:res.userInfo.nickName,
          image:res.userInfo.avatarUrl
        })
      },
      fail:(res)=>{
        console.log("执行失败");
      }
    })
  }

效果预览:

微信小程序之获取用户信息_第1张图片
微信小程序之获取用户信息_第2张图片

2、wx.getUserProfile【推荐使用】:会自动跳出微信授权接口,能获取到用户的真实数据

login_wx(){
    var that = this
    wx.getUserProfile({
      desc: '用户授权',
      success:(res) => {
        that.setData({
          user_info:res.userInfo,
          has_user_info:true
        })
        wx.setStorageSync('user_info', res.userInfo)
        wx.setStorageSync('has_user_info', `true`)
        wx.switchTab({
          url: '/pages/user/user',
        })
      }
    })
  }
微信小程序之获取用户信息_第3张图片
微信小程序之获取用户信息_第4张图片

你可能感兴趣的