不经过悉心栽培,花儿开不出鲜艳的花朵;不经过时间的历练,幼苗长不成参天大树。

Vue单页应用结合后台做第三方登录[QQ授权登录](二)

web 建伟 3019℃ 0评论

前言

第三方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授权登录](二)

喜欢 (4)or分享 (0)
web技术交流群
22765697