微信小程序 获取用户昵称、头像

没有人挡得住,你疯狂的努力进取。你可以不够强大,但你不能没有梦想。如果你没有梦想,你只能为别人的梦想打工筑路。

导读:本篇文章讲解 微信小程序 获取用户昵称、头像,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

前段时间微信小程序对获取用户昵称和头像方法进行了更新,网上很多的文章都已经不适用了,这里简单总结一下,首先,传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗,需要用户授权,经过测试传统的wx.getUserInfo目前还是能用的,但是在使用时候会有官方log提醒你,这个方法需要升级。然后就是官方提供的最新方法Open-data标签,使用这个标签可以不用用户授权直接获得头像和昵称

例子:

<open-data type="userAvatarUrl"></open-data>    //获取用户头像直接显示在小程序中
<open-data type="userNickName" lang="zh_CN"></open-data>    //获取用户昵称直接显示在小程序中

最后就是Open-data的灵活使用方法

<button open-type='getUserInfo' lang="zh_CN" bindgetuserinfo="onGotUserInfo"></button>

可以在button标签中将open-data作为一个属性写入进去,这样效果就变为在点击时获取头像和昵称

获取方法在函数中得到就好

onGotUserInfo: function (e) {
    console.log("nickname=" + e.detail.userInfo.nickName);
  }

具体怎么使用就是不同情况不同分析了,灵活一点就好

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/132464.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!