小程序获取用户信息

getUserInfo 方法

demo.wxml代码：

<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>

demo.js文件代码：

Page({
  data: {},
  onLoad: function() {
    
  },
  bindGetUserInfo (e) {
    wx.getUserInfo({
      withCredentials: true,
      success: (result) => {
        console.log(result);
      },
      fail: (res) => {
        console.log(res);
      },
      complete: (res) => {},
    })
  }
})

这个方法已经不再提供获取用户的具体信息。avatarUrl对应的网址打开也不是用户的头像图片。
代码改成：

onLoad: function() {				或者							bindGetUserInfo (e) {																					
    wx.getUserInfo({												  console.log(e);											
      withCredentials: true,										}
      success: (result) => {
        console.log(result);
      },
      fail: (res) => {
        console.log(res);
      }
  }

都是一样的效果

wx.getUserProfile 接口

demo.wxml文件代码：

    <block wx:if="{{!hasUserInfo}}">
      <button bindtap="getUserProfile"> 获取昵称 </button>
    </block>
    <block wx:else>
      <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
      <text class="userinfo-nickname">{{userInfo.nickName}}</text>
    </block>

demo.js文件代码：

Page({
  data: {
    userInfo: {},
    hasUserInfo: false
  },
  onLoad() {
  },
  getUserProfile() {
    wx.getUserProfile({
      desc: "用于完善会员资料",
      success: (res) => {
        console.log(res);
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      },
      fail: (res) => {console.log(res);},
     complete: (res) => {},
    })
  }
})

效果展示：

拒绝：

允许：（复制avatarUrl对应的网址，粘贴在浏览器中就可以打开）

微信官方文档说明
https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserProfile.html