微信小程序获取用户信息-头像、昵称等，并出现弹窗提示授权

1.wx.getUserProfile文档

官网文档：（链接：wx.getUserProfile）

参数如下

回调函数

2.代码演示

wxml中：(class、src自己定义)

<image wx:if='{{userInfo.avatarUrl}}' class="hpicture" src="{{userInfo.avatarUrl}}"></image>
<button wx:else  bindtap="getUserProfile" >获取用户信息</button>

js中：

data: {userInfo:{//用户的基本信息},user:{username:'章',school:''}},//获取用户信息的回调
getUserProfile(e) {wx.getUserProfile({desc: '资料', success: (res) => {//修改userInfo的状态数据this.setData({userInfo: res.userInfo,})},fail:(err) =>{console.log(err);}})
},

3.演示过程（图示）

我的代码效果如下：
图1

点击头像登录
图2

点击拒绝后同图1
点击允许：（显示微信头像和昵称）
图3

在AppData中查看userInfo的数据

微信小程序获取用户信息-头像、昵称......相关推荐

微信小程序获取用户信息（昵称、头像、openid等）
1.可以调用wx.getUserProfile来获取用户的昵称.头像(地址).地区及性别.但是需要通过按钮事件触发,在showModal弹窗中用户点击确定后才能获取. WXML: <view&g ...
微信小程序获取用户信息
微信小程序获取用户信息微信小程序获取用户信息接口做了调整: 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像.昵称.性别与地区),将直接获 ...
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ 一.获取用户信息 1.首先我们需要了解什么是微信用户的OpenID 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密 ...
微信小程序获取用户信息流程（2022年版）
开门见山地说,本文主要讲述微信小程序在2022年以后获取用户信息的主要方法,如果想要了解2022年之前微信小程序获取用户信息的相关知识或者是微信小程序之前这部分的设计思想的话,推荐博主的下面这篇博客 ...
微信小程序获取用户信息（纯前端）
特别说明 2022年10月25日起,小程序 wx.getUserProfile 接口将被收回. 微信官方不希望开发者直接拿用户的昵称和头像,若小程序需要设置昵称和头像,可以单独开发一个设置页,由用户手 ...
微信小程序获取用户信息，得到是匿名信息，微信用户，问题解决
文章目录微信小程序获取用户信息,得到是匿名信息,微信用户,问题解决 1.官方声明 2.究其原因 3.登陆流程变更 4.实际情况 5.PC 端兼容注意点微信小程序获取用户信息,得到是匿名信息,微信用 ...
微信小程序获取用户信息并保存登录状态
微信小程序获取用户信息并保存登录状态:http://www.360doc.com/content/18/0124/11/9200790_724662071.shtml 转载于:https://www ...
PHP 微信小程序获取用户信息
小程序授权应用场景:先拿到用户信息(先wx.login获取code,code换取用户session_key,再wx.getuserInfo获取到用户的encryptedData iv ,再通过调用官方 ...
微信小程序获取用户信息（含服务端）
本文获取用户信息方式需要服务端配合,纯前端的可查看微信小程序获取用户信息(纯前端) 若需获取 openid 和用户信息,可使用 wx.getUserInfo() 获取加密后的信息,传给服务端后解密. ...

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

微信小程序获取用户信息-头像、昵称等，并出现弹窗提示授权

目录

1.wx.getUserProfile文档

2.代码演示

3.演示过程（图示）

微信小程序获取用户信息-头像、昵称......相关推荐

最新文章

热门文章