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


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 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
javascript web对话框与弹出窗口
Feb 22 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
Feb 06 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
Dec 31 Javascript
详解在Angular项目中添加插件ng-bootstrap
Jul 04 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
Jul 13 Javascript
关于Vue单页面骨架屏实践记录
Dec 13 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
Jul 25 Javascript
jQuery操作事件完整实例分析
Jan 10 jQuery
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
vue中watch的用法汇总
Dec 28 Vue.js
中级前端工程师必须要掌握的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代码
2010/08/08 PHP
探讨捕获php错误信息方法的详解
2013/06/09 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
Ubuntu中启用php的mail()函数并解决发送邮件速度慢问题
2015/03/27 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
PHP字符串中抽取子串操作实例分析
2019/06/22 PHP
Thinkphp5.0框架视图view的模板布局用法分析
2019/10/12 PHP
Ruffy javascript 学习笔记
2009/11/30 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
jsPDF导出pdf示例
2014/05/02 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
2016/02/25 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
2019/10/23 jQuery
K-近邻算法的python实现代码分享
2017/12/09 Python
Python计算库numpy进行方差/标准方差/样本标准方差/协方差的计算
2018/12/28 Python
Python中print和return的作用及区别解析
2019/05/05 Python
python做反被爬保护的方法
2019/07/01 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
python mongo 向数据中的数组类型新增数据操作
2020/12/05 Python
HTML5 visibilityState属性详细介绍和使用实例
2014/05/03 HTML / CSS
跑鞋、网球鞋、网球拍、服装及装备:Holabird Sports
2016/09/19 全球购物
美国在线打印网站:Overnight Prints
2018/10/11 全球购物
高分子材料与工程专业个人求职信
2013/12/15 职场文书
人事部经理岗位职责
2014/03/07 职场文书
抵押贷款承诺书
2014/05/30 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
答谢酒会主持词
2015/07/02 职场文书
运动会通讯稿200字
2015/07/20 职场文书
CAD实训总结范文
2015/08/03 职场文书
初三化学教学反思
2016/02/22 职场文书
tensorflow+k-means聚类简单实现猫狗图像分类的方法
2021/04/28 Python
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL
python 单机五子棋对战游戏
2022/04/28 Python