文章目录

  • 前言
  • 一、为什么小程序getUserInfo获取的微信名称是"微信用户"?
  • 二、2.10.4词库之后如何渲染微信名称,微信头像
  • 三、获取个人信息

前言

调用wx.getUserInfo获取不到微信名称和头像,获取到的是信息是微信名称是"微信用户"


一、为什么小程序getUserInfo获取的微信名称是"微信用户"?

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

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

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

二、2.10.4词库之后如何渲染微信名称,微信头像

开发者若需要在界面中展示用户的头像昵称信息,可以通过组件进行渲染,该组件无需用户确认,可以在界面中直接展示。

代码如下(示例):

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

type支持的合法值

说明
groupName 拉取群名称
userLanguage 用户的语言
userNickName 用户昵称
userAvatarUrl 用户头像
userGender 用户性别
userCity 用户所在城市
userProvince 用户所在省份
userCountry 用户所在国家

三、获取个人信息

获取个人信息的两种方法getUserInfo和getUserProfile,做兼容判断词库是否支持getUserProfile,如果不支持getUserProfile则按照getUserInfo(微信小程序官方公告不推荐使用getUserInfo)来获取个人信息

<view class="container"><view class="userinfo"><block wx:if="{{!hasUserInfo}}"><!- 判断当前词库是否支持userProfile方法 -><button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button><button wx:else open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button></block><block wx:else><image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image><text class="userinfo-nickname">{{userInfo.nickName}}</text></block></view>
</view>
Page({data: {userInfo: {},hasUserInfo: false,canIUseGetUserProfile: false,},onLoad() {//进入页面后判断当前词库是否支持userProfile方法if (wx.getUserProfile) {this.setData({canIUseGetUserProfile: true})}},getUserProfile(e) {// 推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接口获取用户个人信息均需用户确认// 开发者妥善保管用户快速填写的头像昵称,避免重复弹窗wx.getUserProfile({desc: '获取个人信息', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写success: (res) => {this.setData({userInfo: res.userInfo,hasUserInfo: true})}})},getUserInfo(e) {// 不推荐使用getUserInfo获取用户信息,预计自2021年4月13日起,getUserInfo将不再弹出弹窗,并直接返回匿名的用户个人信息this.setData({userInfo: e.detail.userInfo,hasUserInfo: true})},
})

为什么小程序getUserInfo获取的微信名称是“微信用户“?2.10.4词库之后如何渲染微信名称,微信头像和获取个人信息?相关推荐

  1. 微信小程序中如何发送客服消息给用户

    微信小程序是一种快速开发和发布应用程序的平台,可以为用户提供各种服务和功能.而与用户进行沟通和交互是实现这些目标的重要步骤之一.因此,在本文中,我们将介绍如何在微信小程序中使用客服消息来与用户进行联系 ...

  2. java实现微信小程序客服功能开发,后台接受用户发送消息实现关键词自动回复

    最近做了一个小程序中间用到了小程序客服功能,主要实现采集用户提问,并且针对关键词自动回复及手动回复.中间踩过很多坑,所也现在记录下来提供给大家. 准备 首先准备一个小程序,配置好域名,左边菜单栏目点击 ...

  3. 社区小程序---上线三个多月Get230万用户,留存率高达41%

    2019年1月5号,阿拉丁要举办小程序年会,最近灯妹儿也为此贡献了微薄的力量,接触了很多做的非常好的小程序.其中有像「海盗来了」.「糖豆广场舞」等自从小程序问世就加入进来的先行者,也有之前我们采访过的 ...

  4. mfc程序转化为qt_以“企鹅电竞小程序”改版为例,讲解如何将用户核心路径转化为设计语言...

    前言 用户路径是指用户达到目标时一系列的操作.我们可以将用户在产品中由开始到结束的整个过程划分成很多节点,用户从一个节点到另一个节点的过程可以被视为是一条路径.用户路径主要分为两种:一种是用户找寻信息 ...

  5. 快手小程序计划引入三方服务商:服务开发者需超过10人

    快手电商推出跟播助手精准流量匹配模式 新榜讯 5月25日,快手电商上线跟播助手精准流量匹配模式,平台算法会根据跟播助手-待上车列表的下三个商品匹配对应流量至直播间,以帮助上车对应商品承接精准流量,提升 ...

  6. 微信小程序getUserInfo无法获取用户信息

    前言 2021年4月13日后发布的小程序新版本,无法通过wx.getUserInfo与<button open-type="getUserInfo"/>获取用户个人信息 ...

  7. 微信小程序getuserinfo废弃

    微信小程序授权登录接口更新地址 通过wx.login接口获取的登录凭证可直接换取unionID 原wx.login接口获取的登录凭证若需换取unionID需满足以下条件: 如果开发者帐号下存在同主体的 ...

  8. 微信小程序---- 外卖小程序查看实时地图路线(骑手端用户端)【高德地图】

    微信小程序---- 外卖小程序查看地图路线(骑手端&用户端)[高德地图] 前言:1. 在小程序中需要使用map组件,文档链接:https://developers.weixin.qq.com/ ...

  9. 微信小程序中使用wx:for,循环中绑定点击事件,对数组进行渲染

    微信小程序实际开发中,在for循环中,需要获取用户对那组数据进行了修改,使用了vue太久,微信小程序有点忘记了,查阅资料后也是很快熟悉起来,但是赋值过程中遇到了一些小问题,解决了,特此记录一下. 1. ...

  10. 小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...

    如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...

最新文章

  1. 【C++自我精讲】基础系列二 const
  2. 交换机使用QoS来对端口限速
  3. Tensorflow利用函数修饰符@tf.custom_gradients自定义函数梯度
  4. AliExpress智能营销引擎大揭秘-AnalyticDB如何做到快准狠省
  5. mysql create database to_MySQL中CREATE DATABASE和CREATE SCHEMA区别(转)
  6. python常用快捷键、写代码事半功倍_Pycharm常用快捷键总结及配置方法
  7. 多进程服务器(python 版)
  8. docker中 system limit for_springboot中redis的缓存穿透问题
  9. Troubleshoot: R.Layout.Main cannot be resolved
  10. SVN服务器端安装过程出现“Custom action InstallWMISchemaExecute failed:无法启动服务,原因可能是已被禁用或与其相关联的设备没有启动。”
  11. 未能连接到驱动人生服务器,更新显卡驱动提示“无法连接到Nvidia”,驱动人生来解决。...
  12. 产品经理常用的分析模型方法
  13. 【机器学习】基于朴素贝叶斯的新闻分类
  14. CodeBlocks调试教程
  15. 超强,废弃手机用来做服务器,不用root,外网可访问!
  16. MacBook安装p7zip解压7z文件
  17. 无源RFID固定资产管理解决方案
  18. PS作业 不一样的我
  19. matlab prob计算乘积
  20. 计算机要素--第六章 汇编编译器

热门文章

  1. 懒人神器:svg-sprite-loader实现自己的Icon组件
  2. php查询qq等级,php仿QQ等级太阳显示函数_php
  3. iOS 【微信登录流程以及遇到的一些坑】
  4. 研究揭示肿瘤基因突变检测的复杂性
  5. 医学信息化管理与建设
  6. 幼儿园调查过程怎么写_幼儿园的调查报告范文
  7. 公共教室计算机安全调查报告论文,计算机实习调查报告.docx
  8. Product Requirement Document
  9. nginx缓存以及清除缓存
  10. DFU u-boot搭建