微信授权 昵称显示微信用户、无头像

说明：

近期在修复项目bug进行版本更新的时候之前还好好的授权登录，结果现在就：

控制台显示：
丫丫的运气真好通告栏上写的4月13号后才…今天才4月2号雅

废话不多说，进入正题

官方提示公告：
#### 重要提示

先展示新版授权源码：

/**
 * 微信授权登录
 * 
 */
function wxLogin2(pid) {
	// uni.showLoading({
	// 	title: "正在登陆中！！！"
	// });
	let promis = new Promise(resolve => {
		// 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认
		// 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
		wx.getUserProfile({
			desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
			success: (res) => {
				resolve(res);
			},
			fail: err => {
				uni.showToast({
					title: '微信登录授权失败',
					icon: 'none'
				});
			}
		})
	}).then(res => {
		return new Promise(resolve => {
			uni.login({
				provider: 'weixin',
				success: res2 => {
					res2.info = res;
					resolve(res2);
				},
				complete() {
					uni.hideLoading();
				}
			});
		})
	}).then(res => {
		// console.log(res);
		const uInfo = res.info.userInfo;
		return new Promise(resolve => {
			uni.request({
				method: "POST",
				url: COMMONURL + LOGINURL,
				data: {
					js_code: res.code,
					nickname: uInfo.nickName,
					avatar: uInfo.avatarUrl,
					gender: uInfo.gender,
					country: uInfo.country,
					province: uInfo.province,
					city: uInfo.city,
					language: uInfo.language,
					pid: pid ? pid : null
				},
				success: (ress) => {
					if (ress.data.code === 200) {
						// 登陆成功
						uni.setStorageSync('userInfos', ress.data.data);
						Vue.prototype.$User = ress.data.data;
						uni.showToast({
							title: "授权成功！！",
							icon: "none",
							success() {
								// console.log("授权成功！！");
								resolve("1");
							}
						})
					} else {
						// 登陆失败，清除授权信息
						uni.showToast({
							title: ress.msg,
							icon: 'none',
							success() {
								resolve("0");
							}
						});
					}
				},
				complete(ress) {
					uni.hideLoading();
				}
			})
		})
	})
	return promis;
}

老版本授权源码：

/**
 * 微信授权登录
 * 
 */
function logins(pid) {
	uni.showLoading({
		title: "正在登陆中！！！"
	});
	let promis = new Promise((resolve, reject) => {
		uni.login({
			provider: 'weixin',
			success: res2 => {
				resolve(res2);
			},
			fail: () => {
				uni.showToast({
					title: '微信登录授权失败',
					icon: 'none'
				});
				return;
			},
			complete() {
				uni.hideLoading();
			}
		});
	}).then(res => {
		return new Promise(resolve => {
			uni.getUserInfo({
				provider: 'weixin',
				success: info => {
					//这里请求接口
					// console.log(info);
					let authorizeInfos = info.userInfo;
					authorizeInfos.jscode = res.code;
					resolve(authorizeInfos);
				},
				fail: () => {
					uni.showToast({
						title: '微信登录授权失败',
						icon: 'none'
					});
					return;
				},
				complete() {
					uni.hideLoading();
				}
			});
		})

	}).then(res => {
		return new Promise(resolve => {
			uni.request({
				method: "POST",
				url: COMMONURL + LOGINURL,
				data: {
					js_code: res.jscode,
					nickname: res.nickName,
					avatar: res.avatarUrl,
					gender: res.gender,
					country: res.country,
					province: res.province,
					city: res.city,
					language: res.language,
					pid: pid ? pid : null
				},
				success: (ress) => {
					if (ress.data.code === 200) {
						// 登陆成功
						uni.setStorageSync('userInfos', ress.data.data);
						Vue.prototype.$User = ress.data.data;
						uni.showToast({
							title: "授权成功！！",
							icon: "none",
							success() {
								// console.log("授权成功！！");
								resolve("1");
							}
						})
					} else {
						// 登陆失败，清除授权信息
						uni.showToast({
							title: ress.msg,
							icon: 'none',
							success() {
								resolve("0");
							}
						});
					}
				},
				complete(ress) {
					uni.hideLoading();
				}
			})
		})
	});
	return promis;
}

总结：在新版中需要使用wx.getUserProfile()拉取授权获取用户的一些基本信息，拉取之后就可以通过login方法进行登录不用像之前那样先去login之后再获取信息

为什么又要wx官方又要这样更改呢？

解释：
之前登录用户点击拒绝授权之后在短时间内不能重新弹出提示，只能通过跳转到设置里面让用户自己打开授权(ps反话：wx觉得这样用户体验极好【有利于小程序获取新用户 】)所以就换了一种新的方式(用户每次点击之后就弹出确认框)