uni-app开发微信小程序常见问题(更新版)：uni.getUserProfile要怎么写？uni.login和uni.getUserProfile的顺序？

相信很多小伙伴之前用的接口是uni.getUserInfo这个，但自4月13日起这个接口的返回参数不变，但开发者获取的userInfo为匿名信息。（详情：小程序接口调整说明）本人觉得这个更改虽然让接口的功能更加专注，但官方没有实现向下兼容，导致很多开发者需要费点心重新修改。新版接口自那时起就新增uni.getUserProfile来获取用户信息，这让用户多了一个手动授权的步骤。弹窗授权截图↓目录一

何壹时

6807人浏览 · 2021-09-22 14:40:46

何壹时 · 2021-09-22 14:40:46 发布

相信很多小伙伴之前用的接口是uni.getUserInfo来获取微信用户信息，但自4月13日起这个接口的返回参数不变，但开发者获取的userInfo为匿名信息。

（详情：小程序接口调整说明）
在这里插入图片描述

本人觉得这个更改虽然让接口的功能更加专注，但官方没有实现向下兼容，导致很多开发者需要费点心重新修改。

新版接口自那时起就新增uni.getUserProfile来获取用户信息，这让用户多了一个手动授权的步骤。

在这里插入图片描述

弹窗授权截图↓
在这里插入图片描述

一、uni.getUserProfile的必要参数

使用前我们先来看看这个接口需要哪些参数

在这里插入图片描述
重点留意的就是 desc 和 success 这两个重要参数，千万不要忘了加 desc！！！

在success回调函数中就可以写我们的ajax请求向后端传送加密信息和code和用户信息等内容

示例代码如↓

uni.getUserProfile({
	desc：'获取微信用户的昵称与头像',
	success:function(resp){
		let nickName = resp.userInfo.nickName;
		let avatarUrl = resp.userInfo.avatarUrl;
		//console.log(nickName);
		//console.log(avatarUrl);
		let data={
			nickname:nickName,
			photo:avatarUrl
		};
		uni.request({
			"url": url, 
			"method": "POST", 
			"header": { 
				token: uni.getStorageSync('token') 
			},
			"data": data, 
			success: function(resp) {
				
			}
		});
	}								
})

二、uni.login和uni.getUserProfile的调用顺序

在实际开发的过程中，很多同学会选择在uni.login中包裹uni.getUserProfile，来保证获取code和获取的encryptedData顺序，从而避免解密失败

但实际上在调用uni.login获取code后，再调用uni.getUserProfile，可能会失败，触发fail函数，error msg: ''getUserProfile:fail can only be invoked by user TAP gesture"。所以正确的调用顺序是先调用uni.getUserProfile在其中包裹uni.login

示例代码如↓

uni.getUserProfile({
	desc:'获取微信用户的昵称与头像',
	success:function(resp){
		uni.login({
			success:function(res){
				let code = res.code;
				//console.log(res.code);
				let nickName = resp.userInfo.nickName;
				let avatarUrl = resp.userInfo.avatarUrl;
				//console.log(nickName);
				//console.log(avatarUrl);
				let data={
					code:code,
					nickname:nickName,
					photo:avatarUrl,
					registerCode:that.registerCode
				};					
				uni.request({
					"url": url, 
					"method": "POST", 
					"header": { 
					token: uni.getStorageSync('token') 
				},
				"data": data, 
				success: function(resp) {
				
				}
		});
			},
			fail:function(){
				console.log("fail use getUserProfile");
			}
		})						
	}
})

三、方法更新

上面的方法我看到有同学留言说用不了，我试过还是能用的，为了适配大多数同学，我这里再给出一个方法来获取，不再嵌套使用，还是正常先调用 uni.login 再调用 uni.getUserProfile 方法。但这里需要注意！在微信开发者工具中测试时需要以真机调试才能获取用户资料！！

uni.login({
	provider: 'weixin',
	success: function(resp) {
		let code = resp.code;
			that.code=code
	}
});
uni.getUserProfile({
	desc: '获取用户信息',
	success: function(resp) {
		let nickName = resp.userInfo.nickName;
		let avatarUrl = resp.userInfo.avatarUrl;
		// console.log(nickName);
		// console.log(avatarUrl);
		let data = {
			code: that.code,
			nickname: nickName,
			photo: avatarUrl,
			registerCode: that.registerCode
		};
		uni.request({
			"url": url, 
			"method": "POST", 
			"header": { 
				token: uni.getStorageSync('token') 
			},
			"data": data, 
			success: function(resp) {
				
			}
		});
	}
});