美文网首页
vue-QQ授权登录

vue-QQ授权登录

作者: Miamin | 来源:发表于2019-08-27 16:20 被阅读0次

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

相关文章

  • vue-QQ授权登录

    接入流程:http://wiki.open.qq.com/wiki/website/%E7%BD%91%E7%AB...

  • 授权登录

    http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html 1.用...

  • 授权登录

    getUserInfoFun: function (e) { if (e == undefined) { ...

  • 登录授权

    第三方授权流程 传统授权方式的弊端 传统授权方式,请求需要携带令牌去访问各个微服务。微服务需要请求auth服务去验...

  • 四、具体代码实现1-1

    一、登录(注销)淘宝 淘宝授权登录 注销登录

  • 百度账号授权登录

    百度账号授权登录(asp.net + angular) 相比其他授权登录,百度授权登录开发是最快的,因为审核时间可...

  • uniapp中微信授权登录

    该开始微信授权登录可以,后来又不行了,点击微信授权登录没有反应,在设置微信登录的按钮中添加 微信授权登录 监听 g...

  • 微信小程序业务篇

    问:授权怎么做? 答:需要使用 button 来授权登录 授权登录 请升级微信版本

  • 微信小程序:新登录授权的源码详解及图例

    先说明,登录是登录,授权是授权。 1、登录:通过wx.login拿到code给后台,接口返回token、openI...

  • 11.登录、认证、授权

    登录、认证、授权

网友评论

      本文标题:vue-QQ授权登录

      本文链接:https://www.haomeiwen.com/subject/qnieectx.html