uniapp小程序微信授权获取头像昵称

这篇具有很好参考价值的文章主要介绍了uniapp小程序微信授权获取头像昵称。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

最近修改小程序发现线上版的小程序通过uni.getUserProfile获取到的头像为默认灰色头像,昵称为微信用户,体验版能够正常获取到头像昵称,详参考链接小程序用户头像昵称获取规则调整公告,

解决方法参考链接获取头像昵称

<!-- 头像获取 -->
<button type="primary" open-type="chooseAvatar" @chooseavatar="onChooseAvatar" plain="true"
      style="width: 150rpx;height: 150rpx;border-radius: 20rpx;margin-bottom: 100rpx;margin-top: 20vw;border: none;position: relative;">
      <image :src="avatar" mode="aspectFill" style="width: 150rpx;height: 150rpx;border-radius: 20rpx;" v-if="avatar">
      </image>
      <image src="../../static/home/noavatar.jpg" mode="aspectFill"
        style="width: 150rpx;height: 150rpx;border-radius: 20rpx;" v-else></image>
      <view class="tips">点击授权头像</view>
    </button>

<!-- 昵称获取 -->
<input type="nickname" style="font-size: 28rpx;color: #666666;flex: 1;" placeholder="请输入昵称" v-model="nickname" @blur="getNickname"/>
// 获取头像
onChooseAvatar(e){
   const { avatarUrl } = e.detail   // 此返回的路径为临时路径,需转换为永久路径保存使用
   this.avatar = avatarUrl
 },
// 获取昵称
getNickname(e){
   this.nickname = e.detail.value
 },

在需要授权才能使用的操作或跳转中先验证是否已授权,若未授权跳转授权页面,授权成功提交后返回文章来源地址https://www.toymoban.com/news/detail-574098.html

到了这里,关于uniapp小程序微信授权获取头像昵称的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包