微信小程序API----授权登录拿到用户头像昵称等信息

前端开发思路:
1.通过点击按钮,拿到code,传给后台,后台通过code换取session_key 和 openid 这个地方调取 wx.login 这个API
2.调取wx.getUserProfile获取用户信息。wx.getUserInfo这个api不建议使用了,之前微信调整了获取用户头像昵称的api.
3.把数据传递给后台

<button type="primary" class="sqbtn sqbtn1 f13" @click="userSq"> 授权 </button>
			// 获取用户信息
			getUserProfile() {
				return new Promise((reject, resolve) => {
					wx.getUserProfile({
						lang: 'zh_CN',
						desc: '用于完善会员资料',
						success: res => {
							reject(res)
						},
						fail: () => {
							uni.hideLoading()
							uni.showToast({
								title: '请点击允许授权'
							})
							this.$u.func.showToast('请点击允许授权')
							resolve()
						}
					})
				})
			},
			getCode() {
				return new Promise((reject, resolve) => {
					uni.login({
						provider: 'weixin',
						success: res => {
							reject(res.code)
						},
						fail: () => {
							uni.hideLoading()
							this.$u.func.showToast('授权登录失败')
							resolve()
						}
					})
				})
			},
//用户授权点击事件
async userSq() {
				let _this = this
				uni.showLoading({
					title: '授权登录中......'
				})
				_this.code=await _this.getCode()
				_this.userData = await _this.getUserProfile()
				//在这里就可以放我们自己的传递用户信息的接口了
				
				uni.hideLoading()
				_this.flag = false
			},

以上就是获取用户信息授权登录的接口。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值