获取微信用户头像和昵称
其实实现起来不复杂,复杂的是近几年微信小程序文档对于获取用户信息这块的api一直在更新,而查看了很多帖子基本都是用的旧的api,wx.getUserProfile(Object object) 和 wx.getUserInfo(Object object),旧的api只适用于低版本的基础库,对于当下的最新的基础库3.x版本只能获取到默认昵称和默认头像,并不能拿到用户真实昵称和头像。
文档 : https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01
如最新公告,新版本微信小程序只能通过用户自行填写头像和昵称 , 像以前点击按钮一键用户授权获取头像昵称头像地区性别, 现在都已经不支持啦!
文档 : https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html
<view class="form-wrap">
<view class="avatar-wrap">
<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
<image class="avatar" :src="avatarUrlValue">image>
button>
view>
<view class="nickname-wrap">
<view class="title">昵称view>
<input type="nickname" class="weui-input" v-model="nickNameValue" placeholder="请输入昵称" />
view>
view>
onChooseAvatar(e) {
this.avatarUrlValue = e.detail.avatarUrl
// 注意:这里拿到的头像url是个临时的路径,需要自行对头像进行上传处理,参考uni.upload()
},