首页 > 编程语言 >微信小程序获取用户名和头像方式以及使文本可复制方法

微信小程序获取用户名和头像方式以及使文本可复制方法

时间:2023-10-27 10:44:45浏览次数:28  
标签:用户名 头像 微信 程序 昵称 用户 获取

1.微信小程序获取微信昵称和头像

在微信小程序之前的版本可以通过wx.getUserInfo和wx.getUserProfile来获取微信头像和昵称。2022年11月8日24时之后上述两个接口均被微信小程序进行回收。

本来以为通过一些其他方式也可以获取到微信头像和昵称,比如设置button组件的open-type为getUserInfo,但试验后发现返回的仍为默认的“微信用户”昵称和灰色头像,返回内容如下所示:

 

 细心的朋友可以发现,控制台打印的语句中有一个属性“encryptedData”,微信加密后的数据,然后我就想是否可以通过解密这个得到用户的昵称和头像,然后就去通过后端代码实现解密过程,微信小程序开发手册提供了解密的代码,但没有Java版本,后面在网上搜寻到了大佬通过Java实现的版本(ps:https://codeleading.com/article/13003359180/)

由于本文是后续进行编写的,一些参数获取比较麻烦,在这里不进行结果的展示了,感兴趣的朋友可以自己去试验一下,如果不想自己cv代码,文章末尾会提供获取方法。

ok,正文时间。

获取微信用户昵称和头像

目前获取用户微信用户的昵称和头像只能采取微信提供的头像昵称填写能力(开放能力 / 用户信息 / 获取头像昵称 (qq.com))

需要将 button 组件 open-type 的值设置为 chooseAvatar,当用户选择需要使用的头像之后,可以通过 bindchooseavatar 事件回调获取到头像信息的临时路径。

获取昵称则需要将input的type设置为nickname,这样唤起键盘时,上方会显示用户昵称。效果如下:

 控制台打印的avatarUrl即为头像的临时地址,可以通过渲染显示在页面上,但是我比较懒,就不渲染了

标签:用户名,头像,微信,程序,昵称,用户,获取
From: https://www.cnblogs.com/nichols1205/p/17791226.html

相关文章

  • uniapp之微信小程序 支付
    一、注册微信支付商户号(由上级或法人注册)注册链接:https://pay.weixin.qq.com/index.php/apply/applyment_home/guide_normal#none,如图注意:需要由主管及更上级领导进行注册,成为公司收款账户(企业注册需要材料:营业执照、对公银行账户信......
  • 微信公众号-XML数据接收与处理
    第一步:接收微信发来的xml数据有以下两种方式$xml=$GLOBALS['HTTP_RAM_POST_DATA'];//php7版本以上不能使用$xml=file_get_contents('php://input');第二步:对接收过来的数据进行处理libxml_disable_entity_loader(true);$obj=simplexml_load_string($postStr,'Simp......
  • 2024年计算机专业微信小程序选题推荐✅(最新、最全、最容易通过的选择)
    (文章目录)前言:heartpulse:博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌:heartpulse:......
  • 导航栏动态显示用户名称
    我们想要实现上方导航栏当用户登录时,显示当前用户名以及更多操作没有用户登录时,显示登录以及注册这时候我们就要用到一个新方法.is_authenticated判断是否有用户登录代码示例{%ifrequest.user.is_authenticated%}<li><ahref="#">{{request.user.username}}</a></l......
  • 微信小程序deep穿透样式不生效
    1.判断是否为自定义组件是自定义组件的话,直接加deep穿透样式是不生效的,需要在当前组件内添加以下代码:1//自定义组件2exportdefault{3name:"components1",4//复制下面这行options代码5options:{styleIsolation:'shared'},6props:{......
  • Charles 抓取百度指数及微信指数
    一、百度指数  filter:/api/SearchApi/index//搜索指数 filter:/api/SearchApi/index//搜索指数 找到uniqid,继续filter,获取data(用于解密)  filter: api/SearchApi/index,获取对应指数数据用于解密,页面控制台解密: 解密代码functiondecrypt(t,e......
  • 微信小程序--2.设置主题颜色
    设置主题颜色1.在utils中新建文件userstyle.tsletthemecolor="#1F554F"//绿色letfcolor1="#0D2D2C"//黑色letfcolor2="#8F9A99"//灰色exportconstcolors={themecolor:'--themecolor:'+themecolor+';'+'-......
  • 微信小程序--4. ts文件中方法的e的类型是什么
    4.ts文件中方法的e的类型是什么页面:e:WechatMiniprogram.BaseEvent页面各种方法的e的类型可以在typings\types\wx\lib.wx.event.d.ts文件中找到。组件:e:WechatMiniprogram.Component.Constructor组件各方法的e的类型可以在typings\types\wx\lib.wx.component.d.ts文件中找到......
  • 微信小程序--6.初次使用vant报错
    6、由于使用了ts踩到的安装vant的坑,重点在第4步1)在根目录下执行安装依赖的命令npmi@vant/weapp-S--production2)修改app.json将app.json中的 "style":"v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。3)修改project.conf......
  • 微信小程序--3.request.ts文件封装
    3.request.ts文件封装api.tsimportrequestfrom'./request'//获取tokenexportfunctioninit(data:object){returnrequest({url:'/api/wechat_mini/auth/wx_init',data})}request.tsconstapp=getApp();//提示语方法functio......