admin管理员组文章数量:1657207
1. 在manifest.json中找到App模块,勾选OAuth登录和微信登录(QQ登录和微信登录一样)
2. 填写微信开放平台的AppID
微信:微信开放平台微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://open.weixin.qq/
QQ:
腾讯开放平台 OPEN.QQ.COMhttps://open.qq/reg
3. 填写IOS平台通用链接
uni-app官网uni-app,uniCloud,serverlesshttps://uniapp.dcloud/api/plugins/universal-links.html#%E8%83%8C%E6%99%AF%E4%BB%8B%E7%BB%8D
4. 编写代码
# HTML
<template>
<view>
<button type="primary" style="width: 80%;" @click="weixin">微信登录</button>
</view>
</template>
# JS
<script>
export default {
data() {
return {
}
},
methods: {
weixin() {
// #ifndef H5
//验证有无安装微信
let isWx = plus.runtime.isApplicationExist({
pname: 'com.tencent.mm',
action: 'weixin://'
});
// 验证有无安装QQ
// let isQQ = plus.runtime.isApplicationExist({
// pname: 'com.tencent.mobileqq',
// action: 'mqq://'
// })
if (!isWx) {
console.log('请先安装微信APP');
uni.showModal({
title: '请先安装微信APP',
content: 'false',
})
return false;
}
uni.login({
"provider": "weixin",
"onlyAuthorize": true, // 微信登录仅请求授权认证
success: function(event) {
const {
code
} = event
uni.showModal({
title: '登陆获取授权成功',
content: code,
})
//客户端成功获取授权临时票据(code),向业务服务器发起登录请求。
uni.request({
url: '*****************', //仅为示例,并非真实接口地址。
data: {
code: event.code
},
success: (res) => {
//获得token完成登录
uni.setStorageSync('token', res.token)
}
});
},
fail: function(err) {
// 登录授权失败
// err.code是错误码
}
})
// #endif
},
}
}
</script>
5. 通过截图
版权声明:本文标题:uniapp实现微信、QQ一键登录 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1729773615a1212426.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论