微信小程序获取用户头像和昵称怎么弄_微信小程序获取用户头像和昵称

1.微信小程序的怎么获取用户微信id

2.小程序新方法 open-type获取头像昵称

在微信开放平台官方公告中:

2021年4月28日24时后发布的小程序新版本，无法通过wx.getUserInfo与<button open-type="getUserInfo"/>获取用户个人信息（头像、昵称、性别与地区），将直接获取匿名数据（包括userInfo与encryptedData中的用户个人信息），获取加密后的openID与unionID数据的能力不做调整。此前发布的小程序版本不受影响，但如果要进行版本更新则需要进行适配。

新增getUserProfile接口（基础库2.10.4版本开始支持），可获取用户头像、昵称、性别及地区信息，开发者每次通过该接口获取用户个人信息均需用户确认。具体接口文档： 《getUserProfile接口文档》

在微信开发者工具词库版本2.10.4之后getUserInfo获取的将是微信的拟名信息。

使用uni官方提供的uni.getUserProfile(OBJECT)接口

但是uni.getUserProfile是为了支持新版微信小程序获取个人信息的接口，如官方描述一样，该接口只支持打包为微信小程序并且微信基础词库为2.10.4以上时获取个人信息

参考： s://blog.csdn.net/weixin_44986043/article/details/118706363

微信小程序的怎么获取用户微信id

但如今，却只能得到一个缺省的灰色头像，和nickname = “微信用户”，两个数据，其它的年龄以及地区等什么都没有，更别提授权弹出框了

查看如下图才知道API更新了：

s://developers.weixin.qq/miniprogram/dev/api/open-api/user-info/wx.getUserProfile.html

s://developers.weixin.qq/community/develop/doc/000aee91a98d206bc6dbe722b51801?blockType=1

小程序新方法 open-type获取头像昵称

使用wx.getUserInfo(Object object)，调用前需要 用户授权 scope.userInfo。

示例代码

// 必须是在用户已经授权的情况下调用

wx.getUserInfo({

success: function(res) {

var userInfo = res.userInfo

var nickName = userInfo.nickName

var atarUrl = userInfo.atarUrl

var gender = userInfo.gender //性别 0：未知、1：男、2：女

var province = userInfo.province

var city = userInfo.city

var country = userInfo.country

}

})

扩展资料

小程序用户信息组件示例代码

Page({

data: {

canIUse: wx.canIUse('button.open-type.getUserInfo')

},

onLoad: function() {

// 查看是否授权

wx.getSetting({

success (res){

if (res.authSetting['scope.userInfo']) {

// 已经授权，可以直接调用 getUserInfo 获取头像昵称

wx.getUserInfo({

success: function(res) {

console.log(res.userInfo)

}

})

}

}

})

},

bindGetUserInfo (e) {

console.log(e.detail.userInfo)

}

})

参考资料：

微信官方文档 - wx.getUserInfo

小程序自上线以来，官方一直在调整API，因此也出现了一批被废弃的接口，作为程序员的我们，此时此刻千万不能为这不断的变化而感到头疼，应当与时俱进，不断的更新自己的知识储备和应用技能。

以下是原公告：

为优化用户体验，使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败。正式版暂不受影响。

开发者可使用以下方式获取或展示用户信息：

一、小程序

1、使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。

详情参考文档: s://developers.weixin.qq/miniprogram/dev/component/button.html

2、使用 open-data 展示用户基本信息。

详情参考文档: s://developers.weixin.qq/miniprogram/dev/component/open-data.html

wxml：

js:

效果如图所示：控制台之中打印出昵称，微信头像等个人信息。

wxml:

js:

效果如下：控制台之中打印出昵称，微信头像等个人信息。