小程序 - 未授权情况下获取用户头像、昵称

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

详情参考官方文档 开放能力 open-data

.wxml文件中，获取头像、昵称代码如下：

<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>

还可以获取用户微信设置的所在地区、性别等信息

小程序新版获取用户头像、昵称调整方案
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
07-05 5578
自生效期起，小程序 wx.getUserProfile 接口将被收回：生效期后发布的小程序新版本，通过 wx.getUserProfile 接口获取用户头像将统一返回默认灰色头像，昵称将统一返回 “微信用户”。生效期前发布的小程序版本不受影响，但如果要进行版本更新则需要进行适配。
微信小程序 - 获取用户头像昵称等信息（带授权检测）
王二红
10-11 1万+
前言 接口调整官方文档：https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01 在以前，是否授权可以直接弹出询问用户，但现在微信更改了策略，必须由用户点击按钮触发。下面将用代码来实现用户授权及获取用户信息。 功能介绍 无论确认授权还是拒绝授权，都会跳转对应页面，不让用户卡在界面。 点击授权后，下次不在出现授权页面了，如果拒绝，下次依然出现。 以下代码可直接复制粘贴，具体功能如下：
微信小程序未授权的用户获取openId
weixin_41544124的博客
03-03 5462
首先微信小程序在用户未授权的情况下是否可以获取用户的openId呢，这个答案是肯定的，能！ 那怎么在用户未授权的情况下获取用户的openid呢 看一下微信小程序获取openId的API我们应该会一目了然 js_code的值需要前端通过调wx.login获取 前端代码 wx.login({ success (res) { if (res.code) { ...
微信小程序获取用户头像和昵称 (不用用户授权)
一个超爱喝可乐的web前端攻城狮
07-16 2832
微信小程序获取用户头像和昵称 (不用用户授权) 1.wxml <open-data type="userAvatarUrl"></open-data> <open-data type="userNickName"></open-data> 但是很多时候我们需要将头像作成圆形的 open-data 是不能作成圆角的 我们来外层套一个view来覆盖作成圆形 我们来处理一下 1.wxml <view class="headView"> &
【小程序】新版uniapp登录流程以及获取头像和昵称
coldriversnow的专栏
03-10 1856
获取头像主要是设置按钮属性open-type="chooseAvatar" ，并通过@chooseavatar获取图片。注意，微信开发者工具的原生点击获取昵称，无法采用获取dom的方法去实时刷新data里的数据，采用真机调试去input事件赋值！微信小程序获取用户头像、昵称是比较常见的需求，之前是授权一键获取，后面官方改成分别获取了，在这里记录一下其用法。步骤二，登录按钮隐藏，展示上传按钮。步骤一，点击登录，获取token。步骤四上传按钮隐藏，展示一下按钮。步骤五，点击输入框，获取用户昵称。
基于uniapp+java实现微信小程序无感登录，授权手机号登录，获取昵称头像，获取定位信息
jyjczy1314的博客
06-16 3456
实现时需要先调用：getWxLoginInfo得到openid和session_key信息，然后调用获取手机号getMobile得到手机号，最后通过openid取获取用户信息，如果不存在，则创建一个用户，并设置openid和手机号信息，最后返回token即可。通过以上方法可以对应的openid，然后通过openid可以得到用户信息，如果不存在用户信息，则创建一个用户即可。注意，获取手机号需要用户点击按钮触发后方可获取，不然是无法获取到手机号信息的。java后端所需maven。此处不是很完善，后面完善。
小程序获取不到用户头像和昵称返回微信用户问题解决，即小程序授权获取用户头像规则调整的最新解决方案
编程小石头
11-15 8881
小程序入门系列
微信小程序不授权的情况下获取用户头像和昵称
qq_34856863的博客
01-16 6328
<open-data type="userAvatarUrl"></open-data> <open-data type="userNickName"></open-data> open-data官方文档
uniapp 小程序授权登录，获取用户头像昵称等信息
01-26
uniapp 小程序授权登录，获取用户头像昵称等信息，代码已经封装好，下载就能用
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
10-14
总的来说，通过以上步骤，微信小程序可以实现授权获取用户头像和昵称的功能。开发者需要注意，为了尊重用户隐私，必须在用户知情并同意的情况下才能获取这些信息，并且在获取后应妥善使用和保护这些数据。此外，随着...
微信小程序如何获取用户头像和昵称
10-16
微信小程序获取用户头像和昵称是小程序开发中的常见需求，它主要涉及到微信小程序的前端页面与后端API的交互。具体的知识点包括： 1. 微信小程序基础框架介绍 首先，了解微信小程序的基础框架是非常重要的。微信小...
微信小程序登录获取不到头像和昵称解决办法
专注java二开部署
11-23 1613
在根目录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中加入方法。
【快速文档】open-data标签，在小程序中无需用户授权也可以使用用户昵称和头像
吴茗的博客
10-09 1762
介绍 按照现在的规定，在小程序中使用任何有关于用户的个人信息，都是需要授权的。但是，如果是通过open-data来使用用户的信息的话，则无需用户授权。 为什么open-data不需要授权呢，因为open-data使用的信息是存放于本地的，也就是说，实际上只有用户自己可以看到，别人是无法看到的，也不会上传到服务器上。因此，在很多无需存储和获取用户信息的功能上，使用open-data就可以满足了。 重要参数 type 类型 1，userNickName 用户昵称 2，userAvatarUrl 用
微信小程序不授权的情况下获取头像昵称
z1010017573的博客
04-15 2991
<open-data type="userAvatarUrl"></open-data> //头像 <open-data type="userNickName"></open-data> //昵称 open-data文档
微信小程序直接获取用户头像、昵称等（无需按钮授权）
usernotdefined的博客
12-03 6076
直接使用微信提供的组件 在页面使用获取用户头像、昵称 头像是直接返回图片需要对样式进行修改，其它数据也是直接展示 头像圆角需要加这个，否则实现不了
微信小程序简单实现获取用户授权、用户头像并保存到本地
帅气的小白的博客
10-08 2万+
获取用户授权 以index单页面示例， 1.在index.js中的Page-data注册canIUse，用于调用微信开放接口申请用户授权。 data: { canIUse: wx.canIUse('button.open-type.getUserInfo') } 2.在index.wxml中添加“授权登录”按钮，设置open-type=“getUserInfo” 类型。 <...
小程序无法获取用户头像的原因
牛哞哞杂记
08-29 7883
问题：小程序无法获取用户头像 原因：无法获取头像的原因是，代码里出现了两个onLoad事件。 详细原因：onLoad事件是在页面加载完成后就调用的代码，会在页面或图像加载完成后立即发生。 onLoad里写的是获取用户信息的方法，也包括了获取头像的方法，而我在修改代码前未注意到已经有了一个onload 事件，又添加了一个onLoad，所以导致获取用户信息的onLoad事件没有执行，所以获取不到用户头...
小程序开发中获取用户头像和昵称
热门推荐
Fenchow的博客
03-22 4万+
获取用户头像和昵称： {{userInfo.nickName}} {{motto}} /**index.wxss**/ .userinfo { display: flex; flex-direction: column; align-items: center; } .userinfo-avatar { width
微信小程序 - - - - - 如何获取微信头像 & 如何获取微信昵称
最新发布
03-11
### 微信小程序获取用户头像和昵称的方法 在微信小程序中，为了保障用户体验以及遵循隐私政策，在获取用户的头像和昵称前需先获得用户授权。当开发者希望读取这些个人信息时，应该设计合理的交互流程引导用户完成授权操作。 对于具体实现方式而言，可以利用`wx.getUserProfile`接口来请求用户信息[^2]。此API会弹出标准样式窗口提示用户授予访问其公开资料（包括但不限于头像、昵称）的权利。一旦得到许可，则可通过回调函数接收所需数据并进一步处理或展示给前端页面逻辑使用。 下面是一个简单的代码实例用于演示如何调用微信提供的能力来安全地取得经过同意后的个人详情： ```javascript // 调用 getUserProfile 接口以获取用户基本信息 wx.getUserProfile({ desc: '用于完善会员资料', // 声明获取数据之后的用途 success(res){ console.log('成功获取到的信息:', res.userInfo); let userInfo = res.userInfo; // 更新界面显示新的用户名字与图像链接 that.setData({ avatarUrl:userInfo.avatarUrl, nickName:userInfo.nickName }); }, fail(err){ console.error('失败原因:', err.errMsg); } }); ``` 值得注意的是，上述示例中的`desc`参数非常重要，它描述了为何要收集该类别的敏感信息，这有助于提高用户信任度，并确保符合最新的法规要求。 此外，还存在另一种较旧但仍然有效的途径——通过按钮组件绑定事件监听器触发登录行为，进而间接达成相同目的；不过鉴于当前更加强调尊重个体意愿的趋势下推荐优先考虑前者方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值