【记录】uni-app 微信登录

view

<button id="btnWxLogin" class="btnWxLogin" type="primary" open-type="getUserInfo" @click="getUserInfo" hover-class="none">授权登录</button>

js

// 授权登录（事件）
getUserInfo() {
	uni.login({
		provider: 'weixin',
		success: loginRes => {
			// 获取用户信息
			uni.getUserInfo({
				provider: 'weixin',
				success: infoRes => {
				//下面是我们后端的接口 传code、昵称和头像
					this.$Request
						.post({
							url: '/mp/api/login',
							data: {
								avatar: infoRes.userInfo.avatarUrl,
								code: loginRes.code,
								nickName: infoRes.userInfo.nickName
							}
						})
						.then(data => {
							uni.setStorageSync('Authorization', data.access_token);
							Show.successJump('登录成功', 'reLaunch', '../index/index');
						});
				}
			});
		}
	});
}

以上就是uni-app 微信授权登录的代码