微信小程序使用uni-app一键获取用户信息

用户不想输入账号密码,一键登录 

<label for="" @click="LoginDL">一键登陆</label>

uni.getUserProfile(只支持微信小程序)

获取用户信息。每次请求都会弹出授权窗口,用户同意后返回 userInfo。 

参数说明:

uni.getUserProfile({ //获取微信信息
	desc: '用于获取您的个人信息', // 声明获取用户个人信息后的用途,不超过30个字符
	success: res1 => { //接口调用成功的回调
	uni.showLoading({
	title: '登录中'
	})
	setTimeout(() => {
	uni.hideLoading(); //关闭登陆中状态
	uni.switchTab({
	url: '../myfile/myfile'
	})
	uni.$emit('updateCart') //为了同步渲染购物车数量
	}, 1000)
	var wxfor = {
	wx: res1.userInfo
	}
	//写成键值对形势添加到数据库中
	res.data.data = Object.assign(res.data.data, wxfor)
	this.login(res.data.data)
	console.log(res1);
	}

})
LoginDL() {
 // 传用户名和信息的接口
	getLogin(this.username, this.password).then(res => {
	console.log(11111111111);
	console.log(res);
	uni.getUserProfile({ //获取微信信息
	desc: '用于获取您的个人信息', // 声明获取用户个人信息后的用途,不超过30个字符
	success: res1 => { //接口调用成功的回调
	uni.showLoading({
	title: '登录中'
	})
	setTimeout(() => {
	uni.hideLoading(); //关闭登陆中状态
	uni.switchTab({
	url: '../myfile/myfile'
	})
	uni.$emit('updateCart') //为了同步渲染购物车数量
	}, 1000)
	var wxfor = {
	wx: res1.userInfo
	}
	//写成键值对形势添加到数据库中
	res.data.data = Object.assign(res.data.data, wxfor)
	this.login(res.data.data)
	console.log(res1);
	}
	})
	})
},

在要获取头像的页面接收新增的wx数据,渲染即可,效果如下:(点击一键登录 ——出现弹窗,点击允许——获取成功)

 

作者:Nanchen_42原文地址:https://blog.csdn.net/nanchen_J/article/details/123213126

%s 个评论

要回复文章请先登录注册