当前位置:w88优德官网网文章中心网站运营帮助中心 → 如何在自己的网站上实现QQ授权登录?

如何在自己的网站上实现QQ授权登录?

减小字体 增大字体 作者:admin  来源:本站整理  发布时间:2016-11-25 8:50:55
最近在实现QQ授权登录,现将我的实现过程以及我的理解整理如下。以下所述如有不对之处,请指正。官方提供的SDK有:JS,PHP,Java。我的网站使用Scala+Play搭建的,所以只能用JS SDk。
  • AppID:你的应用(网站)的ID。
  • AppKey:对你的应用的验证。
  • Redirect_uri:用户确认授权后的回调地址。(需自己设置,有防止别人盗用你的身份获取授权用户信息的作用)
  • OpenID:用户身份的唯一标识。建议保存在本地并与本地创建的uid绑定,以便用户下次登录时可对应到其之前的身份信息,不需要重新授权,使用户体验一致。(获取不到用户的QQ号)
  • AccessToken:表示当前用户在此网站/应用的登录状态与授权信息,建议保存在本地。(相当于token,令牌)
  • Scope:你要获取的信息。
2.准备注册QQ互联开发者身份需要去腾讯QQ互联注册:http://connect.qq.com/。准备好网站网站要基本开发完成。网站优德w88官网,Logo等都有。创建应用在QQ互联管理中心创建应用。QQ授权登录 QQ授权登录开发 QQ授权登录管理上面的信息,创建好了之后随时可以更改。网站验证上图中的网站地址后面的验证,我选择的是在自己网站首页HTML代码的HEAD标签中添加:
<meta property="qc:admins" content="你的验证信息" />
回调地址可以自己设置一个。我网站首页是http://xjpz.me,因此设置的是http://xjpz.me/blog/test/qcback。其他的按需填写。创建了应用可获得AppID与AppKey。3.部署测试 添加登录入口引入JS SDK文件:在登录页面<head></head>中引入:
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"
data-appid="APPID"
data-redirecturi="REDIRECTURI"
charset="utf-8">
</script>
将APPID换成你自己的APPID,REDIRECTURI换成你自己设置的回调地址。放置QQ图标(下面有素材地址),设置图标超链接地址:
<a href="http://openapi.qzone.qq.com/oauth/show?which=ConfirmPage&display=pc&response_type=token&client_id=xxxxxxx&redirect_uri=http://xxxx.com&scope=get_user_info" rel="nofollow"><img src="http://www.poluoluo.com/assets/images/Connect_logo_1.png" alt="QQ授权登录 QQ授权登录开发 QQ授权登录管理">
将client_id换成你的AppID,redirect_uri换成你的回调地址。 如果你要获取其他信息或者调用其它接口,请将scope改成你需要的API名或者直接改成 all 。(API列表可查看http://wiki.connect.qq.com/api%E5%88%97%E8%A1%A8)。我的登录入口样例:QQ授权登录 QQ授权登录开发 QQ授权登录管理官方资料:素材与放置规范 或者这个官方提供的登录按钮代码,可直接将代码贴到你想要放置入口的位置就行:
<span id="qqLoginBtn"></span><script type="text/javascript"> QC.Login({ btnId:"qqLoginBtn" //插入按钮的节点id});</script>
设置回调页面
  1. 同样需要引入JS SDK文件,参照上面。
  2. 用JS SDK协助调用OpenAPI的get_user_info方法,获取用户头像、用户名等基础信息。
我的回调页面代码如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> QQConnect JSDK - redirectURI </title> <script src="http://www.cuoxin.com/assets/javascripts/jquery.min.js"></script> <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="xxxxxxx" data-redirecturi="http://xxxx.com/xxxxx" charset="utf-8"></script> <style type="text/css"> html, body{font-size:14px; line-height:180%;} </style> </head> <body > <div> <h3>数据传输中,请稍后...</h3> </div> </body></html><script type="text/javascript"> function getInfo() { if(QC.Login.check()){ QC.api("get_user_info") .success(func
[1] [2] [3]  下一页
本文引用网址:
在下列搜索引擎中搜索“如何在自己的网站上实现QQ授权登录?”的相关信息:
谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1王梦溪未经处理照曝光 王梦溪口...
  • 22013最新门事件 警花王梦溪不雅...
  • 3马蓉裸照原图没有马赛克曝光 马...
  • 4如何做爱真人示范图片 男女ML常...
  • 5马蓉裸照曝光 马蓉露两点不雅照...
  • 12016年最新成年身份证号码大全...
  • 2如何设置三级优德w88官网?二级优德w88官网三...
  • 3首页flash幻灯片不显示解决方法...
  • 4帝国CMS中网站URL路径栏目目录...
  • 5DEDE"模板文件不存在,无法解...
  • 1最流行的性交姿势图解 真人示范...
  • 2什么姿势女的最爽?最刺激的做...
  • 3合肥艳照门事件 合肥艳照门全套...
  • 4江苏镇江郦荟艳照门 郦荟自拍高...
  • 5李雪不雅照流出 一字马女神李雪...
  • 1linux服务器在运行210天左右宕...
  • 2通过组策略和注册表关闭win7 U...
  • 3FTP基础知识和应用简易教程
  • 4一般人不告诉他 墨盒喷头清洗方...
  • 5Windows Server 2003系统性能优...
  • 赞助商广告

    图片文章导读