码迷,mamicode.com
首页 > 其他好文 > 详细

QQ第三方登陆

时间:2015-05-15 12:13:33      阅读:300      评论:0      收藏:0      [点我收藏+]

标签:javascript   jsonp   腾讯开放平台   qq   

第三方登录

第一步 :创建应用并获取appid appkey

 

(1): 首先到http://connect.qq.com/manage/index管理中心中创建一个网站应用

技术分享

 

2):网站地址必须是自己开通的空间域名,验证通过后则应用创建成功,

 技术分享

这里是我创建的两个应用

 

 

(3):通过创建的应用获取APP ID 和 APP KEY 只有这两个值都在才可以进行后面的操作

 技术分享

 

 

第二步:申请完成之后,你就需要在你的网站页面中加上相应的登录按钮与回调参数啦。

 

        这里先说一下回调页面,从字面上就很好理解,就是登录QQ之后,QQ给你返回值的接收页面,这个页面可以是一个单独的页面,也可以和登录页面是一个。QQ为我们提供了最简单了JSSDK。我们只要简单的调用一下就行了。

 

1,在需要加入QQ登录按钮的页面引入JS SDK

 

    <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"   

     data-appid="APPID" data-redirecturi="REDIRECTURI" charset="utf-8">  

    </script>  

 

         上面这代码,放到<head></head>之间

         这里的data-appid就是你申请的appid把它写进去,data-redirecturi这个就是回调页面的地址。一般写法如下http://www.sohu.com/Default.aspx这个default.aspx页面就是接收QQ登录之后给的返回值的页面,当然了,你的登录页面和返回页面也可以是一个 

 

 

 

 

 2,请在html页面需要插入QQ登录按钮的位置,client_id就是应用的APP ID      redirect_uri  就是你的回调地址 img 就是你的QQ图标

技术分享

 

 

 

具体的参数可以查看

http://wiki.open.qq.com/wiki/website/%E4%BD%BF%E7%94%A8Authorization_Code%E8%8E%B7%E5%8F%96Access_Token 

 

3,点击QQ图标跳转到第三方QQ平台页面如下 :

 技术分享

第三方通过接受client_id发送过来的APP ID 来判断应用并授权给Lalal 取消勾选尽可能多的信息选项,点取消勾选“全选”复选框按钮即可取消第三方网站对您的必要信息的获知。

想要获得更多的用户信息 可以参考 QQ互联 或者 腾讯开放平台

 

登录用户名和密码成功则完成第三方登录 。写的不好多多包含,让我们共同努力

QQ第三方登陆

标签:javascript   jsonp   腾讯开放平台   qq   

原文地址:http://blog.csdn.net/csdn_ndx/article/details/45741459

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!