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

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

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

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

欢迎大神讨论

微信小程序——最新获取用户昵称和头像的方法总结相关推荐

Java获取游戏头像_小程序最新获取用户昵称和头像的方法总结
前段时间微信小程序对获取用户昵称和头像方法进行了更新,网上很多的文章都已经不适用了,这里简单总结一下首先,传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗,需要用户授权,经过测试传统 ...
微信小程序 - 最新获取用户昵称 / 头像（wx.getUserProfile 接口被废弃后的代替方案）详细教程，2022 年之后的所有微信小程序，获取用户信息最新详细教程，附带示例源代码
前言由于官方修改了 "用户头像昵称获取规则" ,导致网上几乎所有教程全部失效,本文来做最新详细教程. 2022 年往后(官方废弃了 wx.getUserProfile 接口),本 ...
【uniapp，样式，登录】【微信小程序】获取用户昵称和头像 uni.getUserProfile 废弃后新规则写法
uni.getUserProfile 已废弃 //授权获取用户信息废弃getUserProfile(e) {console.log('授权登录')uni.showLoading({title: '加 ...
微信小程序【获取用户昵称头像和昵称（附源码）】
获取用户昵称头像和昵称 wx.getUserProfile bindgetuserinfo 登录过程前端源码:https://pan.baidu.com/s/1uz2Gm2FMB-8RFVkhlHY ...
微信小程序如何获取用户昵称性别地区等信息
在inde.wxml文件中添加一个按钮,当点击按钮时获取用户信息 <button open-type="getUserInfo" bindgetuserinfo=" ...
微信小程序关于获取用户信息的一种方法 “this.setData与getApp().globalData.userInfo“
获取用户信息:this.setData和getApp().globalData.userInfo; 最开始的WXML文件中,我们写下页面结构代码如下: <image class="us ...
Android 获取微信ua,微信小程序实现获取用户高清头像
const app = getApp(); Page({ /** * 页面的初始数据 */ data: { imageUrl: null, userInfo: {}, hasUserInfo: fal ...
微信小程序最新获取头像以及昵称方法
微信小程序最新获取头像信息之前是使用open-dada获取微信头像和昵称,但是后面由于官网更新,此方法被收回了,所以不能使用此方法了. 之前方法代码: <open-data type=&quo ...
php取微信名字和头像,微信小程序如何获取用户头像和昵称
本文介绍了微信小程序如何获取用户头像和昵称,分享给大家,具体如下: 代码user.wxml: {{userInfo.nickName}} user.js //sort.js //獲取應用實例 var ...

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

微信小程序——最新获取用户昵称和头像的方法总结相关推荐

最新文章

热门文章