html中怎么写第三方登录,通过QQ互联实现网站第三方登录

通过QQ互联实现网站第三方登录

2018-09-03

505

实现qq的第三方登录我们用到了QQ互联,下面是具体的实现方案

一:首先注册申请QQ互联账号并且关联相应的网站,从而获得APP ID以及 APP Key

0d20c4e8dd7fe4e70962ea566f1d6eac.png

a901cc7ab11ebc9ce6e4aa6435cca70f.png

第三:安装SDK,并且配置相应的选项

7b69a53bd237c96a5d4569f84bf0e013.png

fe6ad02a949ac11469dd9044a9aa0cf1.png

第四:代码实现

1.将SDK中的example文件夹中的oauth文件夹复制到跟API文件夹同级如下图

72679571d8608e15829a860df3f4012f.png

然后更改oauth文件夹中callback.php 以及index.php

ea81a2f809b17b00e088161e5c435a85.png

48eb39aebba56d44ff0b56ad391e4401.png

2.书写代码,登录按钮 HTML代码如下登录

var childWindow;

function toQzoneLogin()

{

childWindow = window.open("/qq/oauth/","TencentLogin","width=450,height=320,menubar=0,scrollbars=1, resizable=1,status=1,titlebar=0,toolbar=0,location=1");

}

function closeChildWindow()

{

childWindow.close();

}

点击登录后会出现下图

3.回调接口处理require_once("/API/qqConnectAPI.php");

$qc = new QC();

$callbak = $qc->qq_callback();    //返回的验证值

$openid = $qc->get_openid();        //qq分配的用户id

$qq = new QC($callbak,$openid);

$result = $qq->get_user_info(); //获取用户信息

最后就可以按照你自己的需求处理后面的逻辑了

分享到:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值