微信小程序 - 最新获取用户昵称 / 头像（wx.getUserProfile 接口被废弃后的代替方案）详细教程，2022 年之后的所有微信小程序，获取用户信息最新详细教程，附带示例源代码

已于 2025-01-18 17:13:32 修改
阅读量1.8w 收藏 65
点赞数 12
CC 4.0 BY-SA版权
分类专栏： + Wechat 文章标签： 微信小程序wechat 获取用户头像昵称教程 最新规定头像昵称填写教程 小程序改了获取用户信息的接口 废弃UserProfile
于 2023-02-19 22:20:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44198965/article/details/129089744
+ Wechat 专栏收录该内容
122 篇文章 ¥19.90 ¥99.00
订阅专栏
由于wx.getUserProfile接口被废弃，本文提供2022年后微信小程序获取用户头像和昵称的最新详细教程。教程支持Vue2/Vue3，包含示例源代码，演示如何在用户信息安全检测下正确获取头像昵称，同时提醒开发者在真机上预览测试，并应对可能的安全检测失败情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言

由于官方修改了 “用户头像昵称获取规则” ，导致网上几乎所有教程全部失效，本文来做最新详细教程。

2022 年往后（官方废弃了 wx.getUserProfile 接口），本文是最新微信获取用户头像和昵称的详细教程，

支持 Vue2 / Vue3 语法，您可以直接复制本文提供的示例代码，干净的代码只需要几分钟就可以完成功能，

原始的方式已经无法使用，如下图真机所示，目前微信最新的获取用户头像昵称的方式，

只包含核心功能，代码干净整洁，没有乱七八糟的废代码

在这里插入图片描述 在这里插入图片描述

示例源码

无脑复制即可，稍微改改样式就行了。

随便找个新页面，一键复制代码运行起来查看效果。

<!-- 头像 -->
了解本专栏 订阅专栏 解锁全文
微信小程序 - 获取用户头像昵称等信息（带授权检测）
资深程序员
10-11 1万+
前言 接口调整官方文档：https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01 在以前，是否授权可以直接弹出询问用户，但现在微信更改了策略，必须由用户点击按钮触发。下面将用代码来实现用户授权及获取用户信息。 功能介绍 无论确认授权还是拒绝授权，都会跳转对应页面，不让用户卡在界面。 点击授权后，下次不在出现授权页面了，如果拒绝，下次依然出现。 以下代码可直接复制粘贴，具体功能如下：
微信小程序如何获取用户头像和昵称
10-16
主要介绍了微信小程序如何获取用户头像和昵称，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序最新获取用户接口调整wx.getUserProfile，快速修改方法
t_332741160的专栏
04-17 5106
1.通过wx.login换取sessionKey的时候将open id和union id同时返回到前端(wx.getUserProfile调整后的结果) 下面的代码是我在小程序中的源代码 1.1) that.$request({.....})是自定义发送请求的方法 1.2) code2session.html是换取sessionKey和open id、union id的接口 接口只返回了sessionId和type 其中sessionId是sessionKey和open id、union id后
最新微信小程序一键获取真实微信头像和昵称方法
最新发布
think_about_it的博客
06-24 3227
本文介绍了通过微信小程序插件获取用户真实头像和昵称的解决方案。针对微信官方接口限制，推荐使用《安全注册》或《微注册》免费插件，详细说明了在uniapp和微信开发者工具中的配置方法，包括插件申请、页面引入和组件使用。文章还提供了登录成功/失败/取消的回调处理建议，并指出付费版《安全注册服务》插件可避免广告。该方案比手动输入方式更便捷，能有效获取真实用户信息。
微信小程序之获取用户头像和昵称，2025最新
cau_eric的专栏
06-16 313
微信小程序头像昵称获取新方案：弃用getUserInfo/getUserProfile，改用chooseAvatar和input组件。代码示例展示如何通过button的open-type="chooseAvatar"获取头像，并用input[type="nickname"]获取昵称。实现效果包括圆形头像显示（300rpx）、昵称输入框及数据绑定，成功获取后更新界面显示。该方法更符合当前微信API规范，确保功能正常使用。
微信统一登录
m0_66178424的博客
07-06 1297
wx.login是微信提供的微信登录接口，会返回一个临时的code值，之后根据这个临时code值获取微信用户唯一的openid和session值。由于后期小程序上传代码时前端不能出现appid,secret，建议获取openId部分放在后端接口。时，获取信息成功返回的数据。
微信小程序最新获取用户头像昵称方式
04-12 4229
微信小程序最新获取用户头像以及用户昵称方式
微信小程序开发之获取用户头像昵称
duke_ding2的博客
06-18 8263
微信小程序开发之获取用户头像昵称
微信小程序 wx.getUserProfile 使用示例 （替代wx.getUserInfo）
weixin_42289080的博客
08-30 6004
点击查看 wx.getUserProfile 和 wx.getUserInfo 的区别 使用背景 微信官方阉割了 wx.getUserInfo 接口，前端需要使用新的接口 wx.getUserProfile 替代 由于 wx.getUserProfile 接口返回的加密数据中，不再包含 openId 和 unionId，因此后端只能通过前端 wx.login后 拿到的 code 去换取 由于 wx.login 的时效性限制，code换取回 openId 和 unionId之后，若用户不调用 wx.getU
微信小程序 获取用户的昵称和头像
yshir
09-06 7265
微信小程序 获取用户的昵称和头像
微信小程序最新获取头像和昵称的方法 直接用！
热门推荐
heimaqianduan的博客
03-27 3万+
自2022 年 10 月 25 日 24 时后，用户头像昵称获取规则将进行了调整，整理了最新的微信头像昵称使用方法
微信小程序wx.getUserProfile
ZhaoYulin6的博客
03-09 7890
很多开发者在打开小程序时就通过组件方式唤起 getUserInfo 弹窗，如果用户点击拒绝，无法使用小程序，这种做法打断了用户正常使用小程序的流程，同时也不利于小程序获取新用户。详情可以点击官方调整链接微信官方链接 前提： 开发者工具版本不低于 1.05.2103022 基础库版本不低于 2.10.4 基础库查看再微信开发工具的详情–>本地设置—>调用基础库 本次使用2.15.0 使用： 公用一个登录注册接口： import http from '../utils/http' // 主
微信小程序授权登录wx.getUserProfile获取不到昵称及头像解决方案
oZhongRan的博客
11-13 1万+
半年前做的个小程序，更新了二个文字，重新上传审核通过，悲剧了，新用户的昵称全部变为微信用户，头像全部变为默认头像，查了半天代码没找到原因，相当头大，搜了一下文档，尴尬了，11月9号新更新的规则，不再返回昵称和头像值....需要用头像昵称获取能力去触发获取！第二步，完成注册后验证昵称和头像是否为空，如为空弹出资料设置层，验证资料是否填写。点击头像按钮获取微信或者自定义上传头像，点昵称栏获取微信昵称或自定义昵称。第一步，点击登录按钮，弹出层，通过授权获取OPENID值和手机号信息，先完成注册。
【uniapp，样式，登录】【微信小程序】获取用户昵称和头像 uni.getUserProfile 废弃 后 新规则 写法
AAAXiaoApple的博客
02-13 5553
【代码】【uniapp】【微信小程序】获取用户昵称和头像 uni.getUserProfile 废弃 后 新规则 写法。
微信小程序获取用户头像昵称
木方佳学的博客
06-09 2809
用户信息中包含头像和昵称等基本信息，通过 userInfo.avatarUrl 和 userInfo.nickName 属性可以分别获取用户的头像和昵称。注意：在获取用户信息之前，必须先调用 wx.login() 方法获取 code。同时需要在小程序管理后台开启获取用户信息的权限。授权成功后，可以通过 wx.getUserInfo() 方法获取用户信息。要获取微信小程序用户头像和昵称，可以使用微信的登录功能。在小程序中引入微信登录模块，进行授权登录。
微信小程序如何获取用户头像昵称
weixin_43401380的博客
03-04 7281
微信小程序如何获取用户头像昵称
微信小程序获取昵称，头像
qq_63608386的博客
09-12 6897
微信小程序获取头像和昵称
【微信小程序知识点】获取微信昵称
weixin_51781852的博客
07-12 4040
当小程序需要让用户完善个人资料时，我们可以通过微信提供的头像，昵称填写能力快速完善。想使用微信提供的昵称填写能力，需要三步：1.通过form组件中包裹住Input以及from-type为submit的button组件2.需要将input组件type的值设置为nickname,当用户输入框输入时，键盘上方会显示微信昵称3.给from绑定submit事件，在事件处理函数中通过事件对象获取用户昵称简单来说，给input设置type="nickname"
微信小程序获取 用户图像和昵称
qq_42164957的博客
03-25 758
微信小程序获取 用户图像和昵称
微信小程序 - 最新获取用户昵称 / 头像(wx.getuserprofile 接口被废弃后的代替方
09-19
微信小程序是一种轻量级应用程序，可以在微信中直接运行。它提供了许多开发接口，使开发者可以使用微信的各种功能和服务。其中一个常用的功能是获取用户的昵称和头像。 在过去，开发者可以使用wx.getUserInfo接口来获取用户的昵称和头像。然而，由于用户隐私保护的要求日益提高，微信团队对用户信息的获取进行了限制。作为替代方案，微信团队推出了wx.getUserProfile接口。 wx.getUserProfile接口可以在用户同意授权的情况下获取用户的昵称和头像。开发者需要在button组件中设置open-type为getUserProfile，然后在button的bindgetuserinfo事件中获取用户信息。获取到用户信息后，可以通过e.detail.userInfo.nickName和e.detail.userInfo.avatarUrl分别获取用户的昵称和头像地址。 需要注意的是，wx.getUserProfile接口需要用户授权才能获取到用户信息。在用户点击button后，会弹出授权界面，用户可以选择是否授权提供信息。如果用户授权，则可以获取到用户的昵称和头像。如果用户拒绝授权，则无法获取到用户信息。 总结来说，微信小程序最新获取用户昵称和头像的方式是使用wx.getUserProfile接口。开发者需要在button组件中设置open-type为getUserProfile，并在相应的事件中获取用户信息。授权后，可以通过e.detail.userInfo.nickName和e.detail.userInfo.avatarUrl获取用户的昵称和头像地址。同时，需要注意用户授权的情况，用户可以选择是否授权提供信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蔡来了

请作者喝杯咖啡 :)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值