uniapp中调用QQ一键登录实现方法

最新推荐文章于 2024-03-14 16:48:50 发布

icefireicefire

最新推荐文章于 2024-03-14 16:48:50 发布

阅读量1.7k

点赞数

分类专栏： uniapp 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/wjb200125042/article/details/124670785

版权

本文介绍了在uniapp中实现QQ一键登录的步骤，包括在manifest.json配置appid，创建登录页面等关键操作。

摘要由CSDN通过智能技术生成

要在uniapp中实现QQ一键登录，主要步骤：

1、manifest.json的模块设置中，启用QQ登录，并填入appid

3、新建登录页

<template>
	<view>
	正在进行QQ第三方登录……
	</view>
</template>

<script>
	export default {
		data() {
			return {
				res: '',
			}
		},
		onLoad: function(options) {
			console.log(options);
			uni.login({
				provider: "qq",
				success: (resp) => {
					var access_token = resp.authResult.access_token;
					uni.getUserInfo({
						provider: 'qq',
						success: function(infoRes) {
							console.log(infoRes)
							var formdata = {
								nickName: infoRes.userInfo.nickname,
								test: 'test',
								unionId: infoRes.userInfo.unionid,
								openId: infoRes.userInfo.openId,

							};
							console.log(formdata);
							uni.request({
								url: 'https://*/login/appqqlogin',
								method: 'post',
								header: {
									'content-type': 'applicat