使用微信小程序获取用户头像、昵称等信息

最新推荐文章于 2024-10-23 22:21:34 发布
原创 最新推荐文章于 2024-10-23 22:21:34 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序 #小程序

小程序 专栏收录该内容
36 篇文章 ¥59.90 ¥99.00
订阅专栏
本文介绍了微信小程序中如何配置权限并使用wx.getUserProfile API获取用户头像、昵称信息，提供了详细的代码示例，包括在app.json中添加权限配置、在页面js中调用API以及创建获取信息的按钮。

微信小程序是一种基于微信平台的轻量级应用程序，用户可以在微信中直接使用小程序，无需下载安装，具有便捷、高效的特点。在开发微信小程序时，获取用户的头像、昵称等信息是非常常见的需求。本文将介绍如何通过微信小程序获取用户的头像、昵称等信息，并提供相应的源代码示例供参考。

  1. 配置权限

首先，在小程序的配置文件app.json中，需要添加获取用户信息的权限配置。在"permission"字段中添加"userAvatar"和"userNickName"权限，示例如下：

{
   
   
  "permission": {
   
   
    "scope.userAvatar": {
   
   
      "desc":
了解本专栏 订阅专栏 解锁全文
微信小程序 - 获取用户头像昵称等信息（带授权检测）
🏆 前端领域优质创作者
10-11 1万+
前言 接口调整官方文档：https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01 在以前，是否授权可以直接弹出询问用户，但现在微信更改了策略，必须由用户点击按钮触发。下面将用代码来实现用户授权及获取用户信息。 功能介绍 无论确认授权还是拒绝授权，都会跳转对应页面，不让用户卡在界面。 点击授权后，下次不在出现授权页面了，如果拒绝，下次依然出现。 以下代码可直接复制粘贴，具体功能如下：
【微信小程序：获取用户头像和昵称】
m0_67893784的博客
08-19 1501
微信小程序获取用户头像和昵称
【微信小程序知识点】获取微信昵称
weixin_51781852的博客
07-12 4411
当小程序需要让用户完善个人资料时，我们可以通过微信提供的头像，昵称填写能力快速完善。想使用微信提供的昵称填写能力，需要三步：1.通过form组件中包裹住Input以及from-type为submit的button组件2.需要将input组件type的值设置为nickname,当用户输入框输入时，键盘上方会显示微信昵称3.给from绑定submit事件，在事件处理函数中通过事件对象获取用户昵称简单来说，给input设置type="nickname"
微信小程序如何获取用户头像昵称
weixin_43401380的博客
03-04 7438
微信小程序如何获取用户头像昵称
微信小程序获取头像和昵称
weixin_60631847的博客
07-23 1万+
在微信小程序中，获取用户的头像和昵称通常需要用户授权。从微信小程序的版本更新来看，获取用户信息的方式有所变化，特别是从微信官方加强对用户隐私保护的角度出发，现在更多地依赖于用户主动触发授权。
小程序获取微信头像与昵称
byf5229的博客
04-21 3177
选择使用微信头像或者从相册选择以及拍照返回的都是临时路径（注意临时路径不能作为真正的路径存在数据库用户信息中）
微信小程序如何获取用户头像和昵称
10-16
微信小程序获取用户头像和昵称是小程序开发中的常见需求，它主要涉及到微信小程序的前端页面与后端API的交互。具体的知识点包括： 1. 微信小程序基础框架介绍 首先，了解微信小程序的基础框架是非常重要的。微信小...
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
10-14
在微信小程序开发中，获取用户的基本信息，如头像和昵称，是常见的需求。本文将详细介绍如何使用`wx.getUserInfo`接口实现这一功能。`wx.getUserInfo`接口是微信小程序提供的一种授权方式，用于在用户同意的情况下...
微信小程序获取用户头像昵称组件封装（最新版）
SuperYang的博客
11-07 7378
微信小程序最新方法获取用户的头像昵称（头像昵称建填写能力）案例实践。 博客中也会浅谈兼容性以及一些注意点。
精选资源
uniapp 小程序授权登录，获取用户头像昵称等信息
01-26
uniapp 小程序授权登录，获取用户头像昵称等信息，代码已经封装好，下载就能用
微信小程序获取昵称，头像
qq_63608386的博客
09-12 7012
微信小程序获取头像和昵称
微信小程序获取用户头像昵称
热门推荐
m0_61443432的博客
04-20 1万+
因此在使用微信小程序获取头像昵称时，可能出现模拟器中成功但真机调试无法获取头像昵称的情况。
微信小程序-获取头像和昵称
最新发布
weixin_42284031的博客
10-23 1810
1.将button组件open-type的值设置为chooseAvatar2.通过bindchooseavatar事件回调获取到头像信息的临时路径。
微信小程序开发之获取用户头像昵称
duke_ding2的博客
06-18 8604
微信小程序开发之获取用户头像昵称
[小程序开发] 获取微信头像、微信昵称
Hang_Q的博客
03-23 1784
小程序开发获取微信头像、微信昵称
微信小程序获取头像以及昵称
yx13186308025的博客
03-27 3125
在用户点击输入框后将会在键盘上方会展示微信昵称，所以并不会通过一个接口直接返回用户头像和昵称了。被收回（基础库版本低于2.27.1的可以继续正常返回），生效期后发布的小程序通过。接口获取用户头像将统一返回默认灰色头像，昵称将统一返回 “微信用户”。其中在获取头像的临时路径后需要通过uploadFile方法上传到服务器。昵称的获取方式通过chang事件拿到nickName的名称。来获取用户微信昵称和头像，但是最近有一次调整，事件回调获取到头像信息的临时路径。其中微信会对上传的图片做敏感信息检测。
微信小程序（总结二）：uniapp开发，获取微信用户头像、昵称（最新）
qq_45796592的博客
02-02 3985
微信小程序获取微信用户头像、昵称
微信小程序 获取用户头像昵称
05-05
获取用户头像和昵称需要用户授权，你需要在小程序中使用 `wx.getUserInfo` 接口来获取用户信息。 首先，在小程序的配置文件 `app.json` 中，需要添加 `"scope.userInfo": true` 权限： ``` { "pages": [ "pages/index/index" ], "window": { "navigationBarTitleText": "Demo" }, "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序定位" }, "scope.userInfo": { "desc": "你的基本信息将用于小程序个性化推荐" } } } ``` 然后在页面中调用 `wx.getUserInfo` 接口获取用户信息： ```js wx.getUserInfo({ success: function(res) { console.log(res.userInfo); } }) ``` 在成功获取到用户信息后，可以使用 `res.userInfo.nickName` 获取用户昵称，使用 `res.userInfo.avatarUrl` 获取用户头像。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值