uniapp上传小程序到微信开发者工具后,获取不到微信用户头像和微信昵称的解决方案。

今天小编要新做个小程序,忽然发现获取不到微信头像和昵称了,因为以往的获取头像和昵称都是好用的,所以确定不是代码的问题,然后查看了微信官方文档,也并没有关于用户昵称头像的规则更新,正在苦恼时,忽然想到了会不会是开发者工具的问题,找着找着,发现版本库的2.30.3是最高的版本库,而且处于灰度中,然后尝试切换了一下版本库,就成功获取到头像昵称了,在此记录一下,分享给大家,遇到问题不要慌,冷静,一步一步的寻找问题出现的原因。

在这里贴一下uniapp开发微信小程序获取微信头像昵称的方式。因为微信官方自2022年11月9日发布公告,调整了微信小程序获取头像和昵称的规则,原来的获取个人信息不再返回头像和昵称等信息,但官方给了新版获取信息的示例。

需要微信官方示例的可以点击查看:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html

不多说,直接上代码:

<template><view ><button class="avatar-wrapper" style="padding:0px;width:120rpx;height:120rpx;margin-top:80px;display: flex;" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"><image class="avatar" style="width:120rpx;height:120rpx;margin: auto;" :src="showheadimg"></image></button> <form @submit="onSaveAvatarNickname"><view style="display: flex;width:600px;margin-top:20px;"><text style="font-size: 16px;color:#000;padding-top:5px;">昵称:</text><input type="nickname" style="width:500rpx;height:60rpx;" name="nickname" class="weui-input" placeholder="点击获取微信昵称"/></view><button class="button" style="margin-top:10px;background-color:blue;color:#fff;" form-type="submit">确定</button></form></view>
</template>
export default {data() { return {showheadimg:"https://thirdwx.qlogo.cn/mmopen/vi_32/POgEwh4mIHO4nibH0KlMECNjjGxQUq24ZEaGT4poC6icRiccVGKSyXwibcPq4BWmiaIGuG1icwxaQX6grC9VemZoJ8rg/132",headimg: "https://thirdwx.qlogo.cn/mmopen/vi_32/POgEwh4mIHO4nibH0KlMECNjjGxQUq24ZEaGT4poC6icRiccVGKSyXwibcPq4BWmiaIGuG1icwxaQX6grC9VemZoJ8rg/132",nickname:"",} },
methods: {
onChooseAvatar(e) {let that=this;that.headimg = e.detail.avatarUrl;},
onSaveAvatarNickname(e){let that=this;that.nickname = e.detail.value.nickname; // 获取微信昵称
},
}

这里将头像传到自己的服务器时候需要注意的是,他传递的数据为 MultipartFile file

好了,就到这里了,以上方法仅供大家参考,如有不足之处欢迎评论留言。

微信开发者工具出现catch sdkSubPackage: sclEngine error: TypeError: Cannot redefine property:相关推荐

  1. 微信开发者工具 出现 Error:unable to verify the first cert?

    微信开发者工具 出现 Error:unable to verify the first cert? 不知道什么原因突然遇到这个问题,网上搜索了好多方案都无效,官方也没有指定有效的方案或者问题原因.奇了 ...

  2. 从零开始编写一个微信小程序(微信开发者工具+JS+WuxUI组件库+云开发)万字整理,建议收藏!

    微信小程序-魔镜 笔记&源码(微信开发者工具+JS+UI组件库+云开发) 效果展示 视频演示 经历了一次升级之后,我的小程序怎么样了? 文章目录 微信小程序-魔镜 笔记&源码(微信开发 ...

  3. 微信小程序基础知识 || 如何让微信开发者工具显示切后台按键

    文章目录 初识 小程序与普通网页开发的区别 体验小程序 获取AppID 开发者工具下载 在模拟器上查看项目效果 在真机上预览项目效果 主界面的 5 个组成部分 常用快捷键 宿主环境简介 通信模型 运行 ...

  4. 微信开发者工具中使用vant库

    构建npm 很多小伙伴在学习微信小程序开发的时候是不是都遇到了构建npm时出现的错误问题,下面我就自己的错误写下我的解决方案. 可能在全局使用npm的时候,能够成功运行"npm i @van ...

  5. Mac pro微信开发者工具无法显示登录的二维码解决方案

    一开始在微信小程序里是使用测试号开发的,更改测试号为自己的AppId死活改不了,报错: Error: 需要重新登录,access_token expired[touristappid] 1.首先要确保 ...

  6. 微信开发者工具首次登陆提示网络连接失败

    微信开发者工具首次登陆提示网络连接失败 Error:getaddrinfo ENOTFOUND open.weixin.qq.com 首次下载并登陆微信开发者工具时,可能会遇到网络连接失败的问题. 此 ...

  7. 微信小程序(微信开发者工具及工程创建、小程序配置、逻辑层、模块化)

    一.阶段概述 1.课程安排 课程市场:14+1 课程安排:微信小程序:5uniapp:5数据可视化:4答辩:1 2.项目展示 小u商城 数据可视化 3.阶段目标 1.培养学员能力独立完成小程序原生开发 ...

  8. CLI 发行uni-app到微信小程序,如何不打开微信开发者工具去进行小程序发布?

    前言: 小程,赶紧把这个UI这里改一下,改完赶紧推个版本,等着测试:哎小程,这个需求客户需要这样改一下,你赶紧改一下推个版本客户等着看!!! 上面这段话相信做开发的同僚或多或少每天都在听,可是小程序的 ...

  9. 微信公共平台接入之:网页授权(微信授权,微信access_token获取,获取微信用户信息),微信开发者工具使用,微信公众平台测试号申请接入

    1.微信公众平台文档入口 微信公众平台入口地址:https://mp.weixin.qq.com/,截图: 进入之后的文档地址: https://mp.weixin.qq.com/wiki?t=res ...

最新文章

  1. 01-HTML基础与进阶-day6-录像281
  2. vue 调用共众url_vue单页面,在微信公众号支付中遇到的URL未注册BUG解决方法-Go语言中文社区...
  3. Java是否支持默认参数值?
  4. vijos 观光旅游 最小环fl 呆详看
  5. dot2谜团png_一个类加载的谜团解决了
  6. Ubuntu下mongodb的安装与配置
  7. 了解 Windows Azure 存储的可伸缩性、可用性、持久性和计费
  8. aee快递查询 在php_第48课 thinkphp5添加商品库
  9. 《苹果》何以成禁果?
  10. 基于VisualStudio11开发Windows8的Metro sample讲解(1)MessageBox
  11. 大学计算机思维导图_3款免费在线思维导图网站,你一定要收藏一个!
  12. HCIE面试真题战报及点评系列12
  13. Java进制转换工具类
  14. 电视html转vga没有声音,解决传统VGA接口无声音输出的设备的制作方法
  15. Wemos基础项目之---基于WemosD1接入家庭wifi打印IP地址
  16. java实现多模匹配算法_多模字符串匹配算法-Aho–Corasick
  17. 玩转Linux与运维岗(21)
  18. 详细讲解WIN7系统上Virtualbox4.2.8安装RedHat Enterprise Linux 6.4
  19. WIN10中文乱码修复合集
  20. BLE Mesh (8) —— Friendship

热门文章

  1. html文件xpath解析语法,数据解析之XPath语法和lxml模块
  2. android studio集成onvif协议的网络摄像头
  3. 栈趣用---中缀表达式实现简易计算器
  4. Linux中磁盘存储相关命令
  5. babel安装失败/报错详细解决方案报以下错误: core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended
  6. 使用align环境输入多行公式的技巧
  7. 美国访学准备哪些东西比较有用?
  8. 物联网薪资一般是多少?
  9. 信息安全领域认证介绍
  10. 数字孪生农业智慧监管监测管理案例