getUserInfo无法获取用户头像或者昵称的解决方法

最新推荐文章于 2025-03-10 10:35:39 发布
最新推荐文章于 2025-03-10 10:35:39 发布
阅读量3.5k 收藏 1
点赞数 2
分类专栏： uni-app 微信小程序 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43748386/article/details/116918390
版权

最近由于微信小程序官方的调整，此前使用uni.getUserInfo可以正常获取微信小程序用户头像和昵称的，现在只能获取“微信用户”和空白的头像了。
还有就是点击下面按纽时唤起不了获取用户信息的弹窗了

<button size="mini" open-type="getUserInfo" @getuserinfo="updateUserInfo">授权登陆</button>

解决方法
使用uni.getUserProfile替换uni.getUserInfo。对于弹窗问题，把调试基础库切换到更高版本，如2.17.0，即可解决。

更多请关注君兰IT 专注于互联网app,小程序,H5网站的解决方案

小程序新版获取用户头像、昵称调整方案
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
07-05 5643
自生效期起，小程序 wx.getUserProfile 接口将被收回：生效期后发布的小程序新版本，通过 wx.getUserProfile 接口获取用户头像将统一返回默认灰色头像，昵称将统一返回 “微信用户”。生效期前发布的小程序版本不受影响，但如果要进行版本更新则需要进行适配。
微信小程序获取用户头像和昵称问题的解决方案
最新发布
只为分享
04-22 971
微信小程序获取用户头像和昵称的问题可以通过多种方式解决。临时降低基础库版本虽然简单，但不是长久之计；官方提供的头像昵称填写能力存在局限性；而自行存储头像和昵称（尤其是使用云开发）是最推荐的方案，可以实现永久存储并提升用户体验。如果你对云开发不太熟悉，可以参考相关教程，例如石头哥的云开发视频。此外，关于最新版的获取头像和昵称的实现，也可以参考二手商城小程序的视频讲解。希望本文能帮助到正在面临这一问题的小程序开发者。如果有任何疑问，欢迎留言交流。
【小程序】新版uniapp登录流程以及获取头像和昵称
coldriversnow的专栏
03-10 2364
获取头像主要是设置按钮属性open-type="chooseAvatar" ，并通过@chooseavatar获取图片。注意，微信开发者工具的原生点击获取昵称，无法采用获取dom的方法去实时刷新data里的数据，采用真机调试去input事件赋值！微信小程序获取用户头像、昵称是比较常见的需求，之前是授权一键获取，后面官方改成分别获取了，在这里记录一下其用法。步骤二，登录按钮隐藏，展示上传按钮。步骤一，点击登录，获取token。步骤四上传按钮隐藏，展示一下按钮。步骤五，点击输入框，获取用户昵称。
html5获取微信昵称,微信小程序wx.getUserInfo授权获取用户信息（头像、昵称）
weixin_36184835的博客
06-04 2778
这个接口只能获得一些非敏感信息，例如用户昵称，用户头像，经过用户授权允许获取的情况下即可获得用户信息，至于openid这些，需要调取wx.login来获取。index.wxml{{nickName}}未授权授权登录index.jsPage({data: {canIUse: wx.canIUse('button.open-type.getUserInfo')},onLoad: function() ...
uniapp中的getUserInfo无法获取到用户信息的问题--解决办法
热门推荐
qq_36882279的博客
05-29 1万+
uniapp中的getUserInfo无法获取到用户信息的问题–解决办法 在uniapp微信小程序开发中，2021-04-13之前获取用户信息的写法： <button type="default" open-type="getUserInfo" @getuserinfo="handleGetUserInfo">获取用户信息</button> <script> export default{ data(){ return { userInfo: {}
微信小程序登录获取不到头像和昵称解决办法
专注java二开部署
11-23 1629
在根目录App.vue中加入判断基础库是否大于2.21.2版本（大于此版本支持头像/昵称填写能力）这里有一个公共方法uploadImgs需要在/utils/util.js中添加。2.修改/pages/users/wechat_login.vue文件。（1）调整pages/users/user_info.vue文件。(3) methods中加入方法userLogin。(1) 在data中加入基础库判断，决定授权逻辑。/api/public.js 文件添加接口。（3）methods中加入方法。
微信小程序getUserInfo无法获取用户信息
叶落无痕的博客
08-30 7364
前言 2021年4月13日后发布的小程序新版本，无法通过wx.getUserInfo与<button open-type="getUserInfo"/>获取用户个人信息（头像、昵称、性别与地区），将直接获取匿名数据（包括userInfo与encryptedData中的用户个人信息。 解决办法 1. 使用wx.getUserProfile更换wx.getUserInfo 官方示例 2. 本人因为小程序使用太多wx.getUserInfo，更换起来太麻烦了，所以我选择使用wx.getUse
微信小程序 wx.getUserProfile()
weixin_46337813的博客
04-07 1127
外号外号：不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息 <view class="container"> <view class="userinfo"> <block wx:if="{{!hasUserInfo}}"> <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserP...
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
10-14
在微信小程序开发中，获取用户的基本信息，如头像和昵称，是常见的需求。本文将详细介绍如何使用`wx.getUserInfo`接口实现这一功能。`wx.getUserInfo`接口是微信小程序提供的一种授权方式，用于在用户同意的情况下...
微信小程序如何获取用户头像和昵称
10-16
获取成功后，通过setData方法更新页面数据，从而刷新页面显示最新的用户头像和昵称。 5. 用户授权流程 微信小程序获取用户信息是一个涉及用户授权的流程，需要用户允许之后才能进行。开发者必须提供清晰的用户指引...
uniapp 小程序授权登录时 获取不到用户头像等信息 只能得到灰色缺省头像以及nickname 为“微信用户”等
wakaka112233的博客
04-04 7069
1. 先例，先抛问题 以前写小程序，获取用户授权时都用geiUserInfo(),代码如下 <button open-type="getUserInfo" @getuserinfo="getUserInfo"></button> 但如今，却只能得到一个缺省的灰色头像，和nickname = “微信用户”，两个数据，其它的年龄以及地区等什么都没有，更别提授权弹出框了！ 2 .解决办法 查阅了很多网页，试了各种办法！ 最后发现了一个官方的公告，公告说 在4月13日后才会启用get
微信小程序获取用户信息接口突然不弹授权框了，用户名‘微信用户’，头像空白(＜button open-type=“getUserInfo“/＞已弃用)
辣个蓝人的博客
04-07 3466
最近突然遇到了很奇怪的问题，昨天一切正常，今天小程序体验版就获取用户信息不弹框了，直接就拿到了用户信息，但是是匿名的，用户名是“微信用户”，头像是空白的，关键这部分代码复用的前一个项目的，线上版本正常 截至我这篇贴子发出来时候，官方文档上还是button 设置ope-type=‘getUserInfo’ 找了两天原因，原来是微信更新了api（小程序公告） 大概就是 要弃用了，以后用getUserProfile接口 2月份更新api，4月份还没有更新文档，坑人呀！！！ ...
微信登录用wx.getUserProfile获取用户信息获取的是灰头像，用户名是微信用户, 怎么解决呢？
weixin_67832670的博客
06-13 2756
这个原因是官方的问题，是有版本问题的，版本越高的话越拿不到头像啊。那个头像只能是一个匿名用户，除非你把那个测试版本降低才可以是获取到用户信息和头像。在微信小程序编程开发版本改低或者高，根据上面的，图片看你需要改到多少改到合适的版本就可以了。现在新版本是不让获取用户头像，这个是跟那个腾讯官方API的升级有关系。可以看小程序用户头像昵称获取规则调整公告也说原因的。
uni.getUserProfile 获取用户信息没有授权弹出框以及获取到的数据是匿名数据解决
qq_43644134的博客
11-23 9673
uni.getUserProfile 获取用户信息没有授权弹出框以及获取到的数据是匿名数据解决
uniapp微信小程序新版本获取用户的头像和昵称，手机号
qq_44540152的博客
08-06 6846
新版本微信小程序通过getUserInfo获取到用户的头像是灰色，昵称显示为微信用户，这是微信版本更新了，现在需要用getUserProfile来获取用户的头像和昵称，并且只能页面产生点击事件（例如 button 上 bindtap 的回调中）后才可调用，也就是说你不能在一个方法里面去触发这个事件，这是需要值得注意的。详见微信官方文档说明 <button @click="logins">测试登录</button> logins() { uni.getUserProfile({
【uniapp，样式，登录】【微信小程序】获取用户昵称和头像 uni.getUserProfile 废弃 后 新规则 写法
AAAXiaoApple的博客
02-13 5508
【代码】【uniapp】【微信小程序】获取用户昵称和头像 uni.getUserProfile 废弃 后 新规则 写法。
微信小程序之图片上传、多图上传、头像上传、头像获取、图片上传失败问题解决
夜阑珊妖妖
04-21 4222
小程序用户授权获取用户头像，需点击才可以让用户选择是否授权。 图片上传失败问题解决 图片上传 一定要记得修改合法域名，不然会失败，而且找不到报错信息哟！并且域名采用 https 点击，用户授权，获取用户头像，上传服务器： <button class="getuserinfo" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onG...
修复微信小程序不能获取头像和昵称的bug，微信小程序新版头像昵称API使用
美奇软件开发工作室
11-20 5732
大厂程序员都是有KPI绩效考核的，所以他们不能闲着，每天要想着怎么优化程序代码、怎么满足奇葩用户的需求，所以苦逼了我们这些小公司程序员，微信一个小小的API接口改动，可能就让一个小公司因此损失惨重，甚至直接面临倒闭。鹅厂可不管你这些小公司的死活，毕竟他们又不缺用户，我们只能含泪加班改功能了。最近突然发现微信小程序的用户全都是灰色头像，昵称全都是叫“微信用户”，还以为服务器被黑客攻击，植入了大量的机器人账号，找半天问题才发现是微信小程序接口又改了，尼玛，一个头像和昵称改来改去，
小程序获取用户头像和昵称
03-31
<think>好的，我现在需要回答用户关于在微信小程序中获取用户头像和昵称的问题，特别是使用wx.getUserInfo的示例。首先，我要回忆一下微信小程序的API变化。记得之前wx.getUserInfo可以直接获取用户信息，但后来因为隐私政策调整，可能需要用户授权才能使用。不过根据用户提供的引用，特别是引用[2]和[4]，现在wx.getUserInfo可能返回默认的头像和昵称，比如灰色头像和“微信用户”的昵称。 用户提到引用[2]指出wx.getUserProfile接口被废弃，所以现在可能需要其他方法。根据引用[3]和[4]，替代方案可能包括使用按钮触发授权，比如createUserInfoButton或者让用户主动点击按钮后获取信息。另外，引用[4]提到HBuilderX（uniapp）的实现方法，可能需要结合getUserProfile或者新的API。 接下来，我需要确保回答符合用户的要求，给出具体的实现步骤和示例代码。需要注意现在wx.getUserInfo可能不再直接返回真实信息，所以正确的做法应该是引导用户点击按钮，使用getUserProfile或者新的方式。不过根据引用[2]，getUserProfile也被收回了，所以可能需要使用其他方法，比如用户主动选择头像和昵称，例如通过表单或按钮跳转到设置页。 另外，要参考微信官方的最新文档，确保方法不过时。根据引用[4]，可能需要使用按钮组件，例如button的open-type设置为getUserInfo，然后在回调中获取信息。不过根据引用[2]，使用wx.getUserInfo返回的是默认信息，所以需要结合其他方法，比如让用户手动上传头像，填写昵称。 可能正确的步骤是：1. 使用按钮触发授权，2. 用户点击后弹出授权窗口，3. 在回调函数中获取用户信息。但需要注意接口的变化，可能需要使用getUserProfile或者新的API。不过根据引用[2]，getUserProfile已被废弃，所以现在可能需要使用其他的方式，比如用户主动填写表单或选择头像。 因此，正确的示例代码可能包括创建一个按钮，设置open-type为getUserInfo，绑定事件处理函数，在回调中获取用户信息。但需要指出现在返回的可能只是默认信息，需要用户主动上传。或者可能需要使用新的API，比如wx.chooseAvatar和wx.chooseNickName来让用户选择头像和昵称。 综上所述，我需要整理这些步骤，确保代码示例正确，并且符合微信当前的规定。同时，要引用用户提供的参考资料，特别是引用[2]和[4]中的信息，说明接口的变化和替代方案。</think>### 微信小程序获取用户头像与昵称的实现方法 由于微信调整了用户信息获取规则，原接口 `wx.getUserInfo` 和 `wx.getUserProfile` 可能返回默认信息（如灰色头像和“微信用户”昵称）[^2][^4]。以下是当前（2023年）推荐实现方案： --- #### **方法1：使用按钮引导用户主动上传** 通过按钮组件触发用户主动选择头像或填写昵称： ```javascript // WXML <button open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">选择头像</button> <input type="nickname" placeholder="请输入昵称" /> ``` ```javascript // JS Page({ onChooseAvatar(e) { const { avatarUrl } = e.detail; this.setData({ avatar: avatarUrl }); // 获取头像临时路径 } }) ``` --- #### **方法2：通过授权按钮获取基础信息（可能返回默认值）** 若仍需使用旧接口，需用户主动触发按钮： ```javascript // WXML <button open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">授权获取信息</button> ``` ```javascript // JS Page({ onGetUserInfo(e) { const { userInfo } = e.detail; console.log(userInfo.avatarUrl, userInfo.nickName); // 可能返回默认信息[^2] } }) ``` --- #### **注意事项** 1. **真实信息获取限制**：微信已限制直接获取真实头像和昵称，需用户主动上传或填写[^4]。 2. **接口调整**：`wx.getUserProfile` 接口已废弃，不再推荐使用[^3]。 3. **兼容性**：新接口（如 `chooseAvatar`）需基础库版本≥2.21.2，旧版本需降级处理。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值