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,再去判断逻辑是否登录后的各种操作跳转

上一篇 下一篇

猜你喜欢

热点阅读