1、介绍

为什么要有第三方登录:关于第三方登录,你应该知道的

现在很多网站都集成了第三方帐号登录的功能,比如QQ登录、微信登录、微博登录。

使用第三方帐号登录目的,简化用户注册的流程,实现快速的注册登录。

第三方登录基本流程:①跳转到第三方认证页面 ②回调地址中的处理

android第三方登录demo 第三方登录界面_腾讯开放平台

 

2、签约

QQ登录接口,使用也需要申请。

android第三方登录demo 第三方登录界面_android第三方登录demo_02

 

点击应用管理,会要求登录

登录之后,点击应用管理,第一次登录此平台会要求注册成为开发者

分为公司接入和个人接入。

公司接入需要营业执照信息。这里我们平时使用可以选择个人接入

 

审核通过之后可以创建应用了。

选择创建网站应用

进入资料填写页面,填写完成提交

提交成功之后,需要继续完善相关信息

创建成功,进入应用管理页面,可以看到刚创建的应用处于审核中状态

审核成功和审核失败状态下,操作栏都有一个查看按钮,可以点击查看应用详情

参考:

APP ID :101542020

APP Key :539cd4f7784f107fa74ad58d87b5c916

回调地址:People.com | Celebrity News, Exclusives, Photos and Videos

说明:不管审核成功还是审核失败,qq登录的接口都可以使用,区别是,审核成功后所有人的qq都可以登录,审核失败只有申请人的qq可以正常登录。

为了测试qq登录,重新配置一个域名 www.tpshop.com 指向 pyg/public目录

站点域名管理

 3、SDK的下载和配置

 

android第三方登录demo 第三方登录界面_android第三方登录demo_03

 

SDK配置:

① 将解压后的目录,移动到public/plugins/目录下,改名为qq

android第三方登录demo 第三方登录界面_腾讯开放平台_04

 ② 在浏览器直接访问:域名/plugins/qq/index.php

android第三方登录demo 第三方登录界面_应用管理_05

③ 点击“查看example”,打开测试页面。

④ 按照回调域,在Home模块Login控制器新增qqcallback方法

android第三方登录demo 第三方登录界面_php_06

⑤ 重新测试,使用qq帐号登录,小窗口会发生跳转,访问qqcallback方法。

 

android第三方登录demo 第三方登录界面_腾讯开放平台_07

 

4、QQ互联接口的集成

① 分析SDK中的example页面index.html中的代码

参考:public/plugins/qq/example/index.html文件

② 参考example中的做法,修改view/login/login.html

android第三方登录demo 第三方登录界面_第三方登录_08

 ③ 修改Login控制器qqcallback方法,获取用户信息

android第三方登录demo 第三方登录界面_腾讯开放平台_09

 

android第三方登录demo 第三方登录界面_腾讯开放平台_10