vue-QQ授权登录
2019-08-27 本文已影响0人
Miamin
接入流程:http://wiki.open.qq.com/wiki/website/%E7%BD%91%E7%AB%99%E6%8E%A5%E5%85%A5%E6%B5%81%E7%A8%8B
1https://connect.qq.com/ QQ互联中申请后得到APP ID APP Key
2.在public目录 index.html 添加脚本
<script type="text/javascript"
src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"
data-appid="申请的appid" data-redirecturi="网站回调域"
charset="utf-8"></script>
3.给图标绑定授权事件
@click="useqqlogin"
4.授权成功后,跳往了qq_login.vue(该文件用来处理登录成功后的逻辑)
回调地址
5通过openid 和 access_token获取临时登录凭证,拿到后和网站的账号密码绑定到一起
这里建议是在后端接口去请求openid和token,怕泄露,前端请求会跨域,不太好操作。
然后和后端沟通调整为接口调用
6.通过appid去请求code(在url的网址中),拿到后继续请求后端接口拿access_token和openid,再去判断逻辑是否登录后的各种操作跳转