ICAT技术 阅读:1016评论: 0 2018-03-31

现在很多地方都流行了第三方登录。

现在我来教大家世界上最简单常用的下面的5种第三方登录方式

image.png

下面首先使用QQ第三方登录

第一步去申请QQ开发认证资格

(1)申请地址:https://connect.qq.com/manage.html

image.png

(2)创建网站还是移动应用,填写资料,提交审核注意*

其中网站地址为主页地址,回调地址就是QQ登录成功后的自动跳转到这个地址

为了方面在本地做测试,可以将网站和回调地址改成本ip地地址方面测试,测试成功后改成正式地址即可


创建应用成功后可以得到APP ID,APP Key


第二步调用QQapi相关接口

(1)到QQ登录页面url

https://graph.qq.com/oauth2.0/authorize?client_id=101464813&redirect_uri=blog.hudong51.cn/login/authorization/callback/qq&response_type=code&state=1&scope=get_user_info,list_album,upload_pic,do_like

其中url的参数client_id改成自己申请的app id,redirect_uri改成回调地址。


修改后参数访问地址,进入QQ登录页面。

image.png


(2)点击头像登录,QQ自动跳转到回调地址url,登录后自动跳转到申请的回调地址的接口

接受参数名为code

image.png

https://graph.qq.com/oauth2.0/token?code=231324&client_id=3213&client_secret=aadsjfdnsj&grant_type=authorization_code&redirect_uri=blog.hudong51.cn/login/authorization/callback/qq


其中url的参数修改如下:

code :接受的参数code

client_id:申请的app id

client_secret:申请的app key

redirect_uri:回调地址

grant_type:值为authorization_code


通过调用后接口qq将返回一个JSON数据

将返回的access_token得到


(2)访问url获取openid的url的参数access_token为上个接口返回的JSON数据里面的值

https://graph.qq.com/oauth2.0/me?access_token=jsajdsan

这个接口返回的数据获取到openid


(3)最后获取登录的用户信息

https://graph.qq.com/user/get_user_info?openid=dsadsa&oauth_consumer_key=dsajkj&access_token=dsadj

其中url的参数修改如下:

openid:上个接口返回的openid

oauth_consumer_key:为app id

access_token:之前获取到的access_token

将返回一个JSON对象,里面有基本的用户信息的数据。这样QQ的登录大功告成!!!

转载请注明来源:

评论