2021-04-12

uniapp实现微信+QQ+微博登录

         直接上代码！！！！

<template>
	<view class="auth">
		<!-- #ifdef APP-PLUS -->
		<button @click="QQLo" type="primary" open-type="getUserInfo">QQ登录</button>
		<button @click="sinaweiboLo" type="primary" open-type="getUserInfo">新浪微博登录</button>
		<button @click="weixinLo" type="primary" open-type="getUserInfo">微信登录</button>
		<!-- #endif -->
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		QQLo() {
			uni.getProvider({
				service: 'oauth',
				success: function(res) {
					console.log(res.provider);
					uni.login({
						provider: 'qq',
						success: function(loginRes) {
							console.log(loginRes.authResult);
							uni.getUserInfo({
								provider: 'qq',
								success: function(infoRes) {
									console.log(infoRes)
									console.log('用户昵称为：' + infoRes.userInfo.nickName);
									console.log('用户头像为：' + infoRes.userInfo.avatarUrl);
									console.log('用户性别为：' + infoRes.userInfo.gender);
								}
							});
						}
					});
				}
			});
		},
		sinaweiboLo() {
			uni.getProvider({
				service: 'oauth',
				success: function(res) {
					console.log(res.provider);
					uni.login({
						provider: 'sinaweibo',
						success: function(loginRes) {
							console.log(loginRes.authResult);
							uni.getUserInfo({
								provider: 'sinaweibo',
								success: function(infoRes) {
									console.log(infoRes)
									console.log('用户昵称为：' + infoRes.userInfo.nickName);
									console.log('用户头像为：' + infoRes.userInfo.avatarUrl);
									console.log('用户性别为：' + infoRes.userInfo.gender);
								}
							});
						},
					});
				}
			});
		},
		weixinLo() {
			uni.getProvider({
				service: 'oauth',
				success: function(res) {
					console.log(res.provider);
					uni.login({
						provider: 'weixin',
						success: loginRes=> {
							console.log(loginRes.authResult);
							uni.getUserInfo({
								provider: 'weixin',
								success: function(infoRes) {
									console.log('用户昵称为：' + infoRes.userInfo.nickName);
									console.log('用户头像为：' + infoRes.userInfo.avatarUrl);
								}
							});
						}
					});
				}
			});
		},
	},	
};
</script>

<style></style>