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

微信小程序现在怎么获取用户信息呀，getuserinfo停用了，现在使用button组件来获得用户信息，获取到的昵称和头像如何存储起来绑定到点击事件里面

提示一个示例

<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取用户信息</button>

js

Page({
  data: {
    userInfo: {}
  },

  getUserInfo: function(e) {
    console.log(e.detail.userInfo)
    // 将用户信息存储在本地缓存中
    wx.setStorageSync('nickname', e.detail.userInfo.nickName)
    wx.setStorageSync('avatar', e.detail.userInfo.avatarUrl)
    // 更新页面数据
    this.setData({
      userInfo: e.detail.userInfo
    })
  }
})

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html
这是微信小程序官方提供的获取用户昵称、头像最新的方法，里面也有代码示例。
注意这样获取到的头像是临时文件地址，要永久保存需要在获取到头像临时图片时，调用后端提供的接口，将图片上传到自己的后台，然后将上传接口返回的后台图片地址用setStorageSync存到缓存中

目前获取用户信息，一律返回“灰色头像”和“微信用户”

现在需要用户手动填写个人资料，分别用button和input可以在用户填写时获取头像和昵称

img


img