admin管理员组文章数量:1130349
要在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': 'application/x-www-form-urlencoded'
},
data: formdata,
success: (res) => {
uni.navigateTo({
url:'/pages/touserinfo/touserinfo',
});
console.log('post finish');
console.log(res);
this.res = res;
},
fail: () => {
console.log('请求失败');
}
});
}
})
},
fail: (err) => {}
});
}
}
</script>
<style>
</style>
要在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': 'application/x-www-form-urlencoded'
},
data: formdata,
success: (res) => {
uni.navigateTo({
url:'/pages/touserinfo/touserinfo',
});
console.log('post finish');
console.log(res);
this.res = res;
},
fail: () => {
console.log('请求失败');
}
});
}
})
},
fail: (err) => {}
});
}
}
</script>
<style>
</style>
版权声明：本文标题：uniapp中调用QQ一键登录实现方法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1763776326a2962506.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论