小程序最新获取用户昵称和头像的方法总结

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

小程序最新获取用户昵称和头像的方法总结

取名点数增加的boy   2020-05-17 我要评论

前段时间微信小程序对获取用户昵称和头像方法进行了更新,网上很多的文章都已经不适用了,这里简单总结一下

首先,传统接口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);
 }

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

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们