前言

第三方qq登录我们可以直接利用qq登录的JSdk很方便

文档说明：http://wiki.open.qq.com/wiki/website/JS_SDK%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E

示例代码文档：https://connect.qq.com/intro/login/jssdk-demo

流程

在vue入口index.html中头部引入qq的sdk，在其他页面钩子函数中即可使用qqskd的函数

qq登录流程比较简单，我就稍微说一下

1.在vue页面上点击qq登录跳转到授权页面

2.授权成功后进入回调页面

3.回调页面可以执行一下自己的逻辑，我这边回调页面弄得是后台页面，你也可以是前端的，回调中处理完自己逻辑后可以回跳回来

4.然后在页面中就可以检测到qq是否登录了，看下面代码

created(){
   this.test(this.code)
   this.testqq()
},
methods:{
   testqq(){
      if(QC.Login.check()){  //如果已登录
          //这里做自己逻辑处理
         });
      }

   }
}

转载请注明：Li Jianwei's Blog » Vue单页应用结合后台做第三方登录[QQ授权登录](二)