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


Posted in Javascript onSeptember 23, 2019

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

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用Javascript 获取页面元素的位置的代码
Sep 25 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
May 28 Javascript
jQuery学习笔记之基础中的基础
Jan 19 Javascript
JavaScript中的条件判断语句使用详解
Jun 03 Javascript
javascript中this指向详解
Apr 23 Javascript
浅谈vue.js中v-for循环渲染
Jul 26 Javascript
使用Vue构建可重用的分页组件
Mar 26 Javascript
vue.js input框之间赋值方法
Aug 24 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
Node.js动手撸一个静态资源服务器的方法
Mar 09 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
Sep 05 Javascript
VueCli生产环境打包部署跨域失败的解决
Nov 13 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
Sep 23 #Javascript
layui内置模块layim发送图片添加加载动画的方法
Sep 23 #Javascript
微信头像地址失效踩坑记附带解决方案
Sep 23 #Javascript
微信小程序如何获取用户头像和昵称
Sep 23 #Javascript
微信小程序使用蓝牙小插件
Sep 23 #Javascript
微信小程序实现蓝牙打印
Sep 23 #Javascript
微信接入之获取用户头像的方法步骤
Sep 23 #Javascript
You might like
如何在PHP中使用Oracle数据库(2)
2006/10/09 PHP
PHP XML error parsing SOAP payload on line 1
2010/06/17 PHP
一致性哈希算法以及其PHP实现详细解析
2013/08/24 PHP
CI框架实现框架前后端分离的方法详解
2016/12/30 PHP
javascript 跳转代码集合
2009/12/03 Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
2011/03/28 Javascript
JavaScript中的property和attribute介绍
2011/12/26 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
原生js制作简单的数字键盘
2015/04/24 Javascript
详解javascript函数的参数
2015/11/10 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
Vue实现自带的过滤器实例
2017/03/09 Javascript
基于JS脚本语言的基础语法详解
2017/07/22 Javascript
Vue 中axios配置实例详解
2018/07/27 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
利用原生JS实现data方法示例代码
2019/05/28 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
Python Mysql数据库操作 Perl操作Mysql数据库
2009/01/12 Python
Python subprocess模块学习总结
2014/03/13 Python
简单介绍Python中的decode()方法的使用
2015/05/18 Python
基于python实现的抓取腾讯视频所有电影的爬虫
2016/04/22 Python
Python3.4实现远程控制电脑开关机
2018/02/22 Python
python实现装饰器、描述符
2018/02/28 Python
基于python实现生成指定大小txt文档
2020/07/20 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
zooplus波兰:在线宠物店
2019/07/21 全球购物
Linux操作面试题
2015/02/11 面试题
初中班主任经验交流材料
2014/05/16 职场文书
学习型党组织建设经验材料
2014/05/26 职场文书
工厂清洁工岗位职责
2015/02/14 职场文书
大学生预备党员自我评价
2015/03/04 职场文书
2015年安置帮教工作总结
2015/05/22 职场文书
2016年第32个教师节致辞
2015/11/26 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
python 下划线的多种应用场景总结
2021/05/12 Python