51CTO旗下网站
如何在自己的网站上实现QQ授权登录
最近在实现QQ授权登录，现将我的实现过程以及我的理解整理如下。以下所述如有不对之处，请指正。
作者：来源：博客园| 14:53
最近在实现QQ授权登录，现将我的实现过程以及我的理解整理如下。以下所述如有不对之处，请指正。
官方提供的SDK有：JS，PHP，Java。我的网站使用Scala+Play搭建的，所以只能用JS SDk。
AppID：你的应用(网站)的ID。
AppKey：对你的应用的验证。
Redirect_uri：用户确认授权后的回调地址。(需自己设置，有防止别人盗用你的身份获取授权用户信息的作用)
OpenID：用户身份的唯一标识。建议保存在本地并与本地创建的uid绑定，以便用户下次登录时可对应到其之前的身份信息，不需要重新授权，使用户体验一致。(获取不到用户的QQ号)
AccessToken：表示当前用户在此网站/应用的登录状态与授权信息，建议保存在本地。(相当于token，令牌)
Scope：你要获取的信息。
注册QQ互联开发者身份
准备好网站
网站要基本开发完成。网站域名，Logo等都有。
在创建应用。
上面的信息，创建好了之后随时可以更改。
上图中的网站地址后面的&验证&，我选择的是在自己网站首页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&&&img src=&/assets/images/Connect_logo_1.png&&&/a&
将client_id换成你的AppID，redirect_uri换成你的回调地址。
如果你要获取其他信息或者调用其它接口，请将scope改成你需要的API名或者直接改成 all 。(附)。
我的登录入口样例：
官方资料：
官方提供的登录按钮代码，可直接将代码贴到你想要放置入口的位置就行：
&span id=&qqLoginBtn&&&/span&
&script type=&text/javascript&&
QC.Login({
btnId:&qqLoginBtn&
//插入按钮的节点id
设置回调页面
同样需要引入JS SDK&文件，参照上面。
用JS SDK协助调用OpenAPI的get_user_info方法，获取用户头像、用户名等基础信息。
我的回调页面代码如下：
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title& QQConnect JSDK - redirectURI &/title&
&script src=&/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:14 line-height:180%;}
&body onload=&getInfo()&&
&h3&数据传输中，请稍后...&/h3&
&script type=&text/javascript&&
function getInfo() {
if(QC.Login.check()){
QC.api(&get_user_info&)
.success(function(s){//成功回调
QC.Login.getMe(function(openId, accessToken){
$.post('/你的后台处理Action',{name:s.data.nickname,openid:openId,otype:1,token:accessToken},function(data,status){
if(status==&success&){
alert(s.data.nickname+&恭喜你,登录成功!&);
location.href = &/&;
alert(&获取用户信息成功！登录失败！&);
location.href = &/blog/to/login&;
.error(function(f){//失败回调
alert(&获取用户信息失败！登录失败！&);
location.href = &/blog/to/login&;
.complete(function(c){//完成请求回调
//alert(&获取用户信息完成！&);
alert(&请登录！&);
location.href = &/blog/to/login&;
- 引入的`JS SDK`文件中的`data-appid` 和 `data-redirecturi` 同样需要改为你的AppID 和回调地址。
- 授权成功后`Openid`和`token`会缓存在本地。可通过`QC.Login.getMe(function(openId, accessToken){}` 获取。
- 回调成功后，我这里把用户名和openid提交给服务器，保存在本地，使用户体验一致。即`$.post(){}`方法，你需要换成你服务端的Action。
- 服务器处理成功后重定向到网站首页。授权登录结束。
为了方便用户，用户授权成功后，我并没有再继续让用户输入邮箱、密码等。如果再让用户输入一遍，那和直接注册有什么区别？那样授权登录基本就失去了意义。
顺便贴一下我后台处理步骤：
- //判断openid是否存在。
- // 如果openid存在，则说明此用户之前登录过或者已与本地user表中的用户绑定。写入cookie，使用户为登录状态，到此结束。
- //如果用户openid不存在，则判断用户名是否存在。
- //如果用户名不存在，则直接生成新的本地用户，并绑定uid与openid。写入cookie，使用户为登录状态，到此结束。
- //如果用户名存在，提醒用户是否验证并与之绑定。如果用户选择验证，并验证通过，则与之绑定。写入cookie，使用户为登录状态，到此结束。
- //如果用户放弃验证，或者验证失败，则生成新的本地用户，并生成新的用户名，绑定uid与openid。写入cookie，使用户为登录状态，到此结束。
以上完成，自己测试通过，就可以提交腾讯审核。没有审核通过之前只能设置几个账号测试，其他账号无法授权登录。
提交时需注意，
在显要位置放置登录入口。至少在你网站登录页面要放置。我第一次提交时专门做了一个授权登录入口并在应用信息设置里填写了。结果腾讯以&未放置登录入口或放置不规范&为由拒绝。
网站要基本开发完成。我第二次提交，因有未实现的页面，被腾讯以&网站不完善&为由拒绝。然后我把未实现页面入口撤下，审核通过。
【编辑推荐】
【责任编辑： TEL：（010）】
大家都在看猜你喜欢
头条头条头条头条头条
24H热文一周话题本月最赞
讲师：206658人学习过
讲师：133431人学习过
讲师：90593人学习过
精选博文论坛热帖下载排行
本书既能够成为读者的理论支持，又可以作为构建可靠的、可伸缩的、可维护的并发程序的技术支持。本书并不仅仅提供并发API的清单及其机制，...
订阅51CTO邮刊我的账号为什么用QQ 登录不上去呢？求解【王者荣耀吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
我的账号为什么用QQ 登录不上收藏
我的账号为什么用QQ 登录不上去呢？求解
大家能给个答案吗。
登录百度帐号推荐应用当前位置 & &
& 为啥用QQ不用微信？这里有87个00后的回答：...
为啥用QQ不用微信？这里有87个00后的回答：看完服了
10:23:49&&作者：
编辑：朝晖 &&)
让小伙伴们也看看：
阅读更多：
好文共享：
文章观点支持
文章价值打分
当前文章打分0 分，共有0人打分
[02-17][02-17][02-17][02-17][02-16][02-16][02-15][02-15][02-15][02-15]
登录驱动之家
没有帐号？
用合作网站帐户直接登录腾讯游戏英雄联盟以篡改游戏客户端理由封停我账号三年 -- 聚投诉-21CN
腾讯游戏英雄联盟以篡改游戏客户端理由封停我账号三年
编号：CN28212
事情是这样的，准备上线玩游戏 &结果被封号了 &由于被封账号联系不上腾讯客服，加上我也不是什么心悦会员，我就用另一个账号联系客服
内容如下：
游戏昵称&IrAe&&游戏账号&&
大区名称&艾欧尼亚
封号时间&&
封号时长&3年&&至2018年10月&27&号
查询的封号时间是27号可我28号还在游戏，据我了解封号三年的都是用辅助了，可我最近用的都是官方的助手，甚至是不开助手
腾讯客服你好，我是一个从SS初期开始追随这款游戏的忠实用户，
我知道你们会很忙，但是我不得不在这里向你们申诉我的账号问题
有时候账号不是我在玩，这个账号也不是我的主要QQ，但是我玩英雄联盟都是用这一个账号
我的这个账号&从S3开始使用，陪我度过了三年美好时光，
也倾注了我很多的心血和金钱，
因为英雄联盟我认识了我现在很多的朋友，
三年多的时间里，我的账号英雄已经有很多了，
符文页也有11页，各类皮肤也快150个，
这个游戏账号早已不是一个游戏那么单纯的存在，
而是我的一部分回忆，所以它对我非常重要。
其实您可以看看我的常住地登录记录和我的历史游戏战绩，
我三年多的时间里&基本很少会逃跑挂机，除非停电断网之类的，&
我也不需要使用外挂来刷金币，因为我早就对金币没有需求了，
改名字改了大概40次左右。
一般只有出新皮肤&新模式的时候买买皮肤和头像&满足自己收集的癖好。
自从我的账号被盗用导致被封停，
我通过各种渠道寻求解决办法，
甚至想过去深圳贵公司总部咨询，
但是学习原因&抽不开身，
客服电话和在线人工客服&由于我账号被封停联系不上。
我现在感觉整个人都崩溃了
因为它对我来说&不仅仅代表一个游戏那么简单
它是我的生活一部分，是我和我朋友们的桥梁，
我热爱这个游戏，
所以我绝对不会去开非法外挂来玩。
当然，账号被盗用&也有我平时粗心大意的因素在里面，
可是&&这件事确实不是我本人故意导致的，
如果&在看我这篇长文的客服您也是热爱LOL的玩家，
我相信您一定会懂我此刻的心情。
如果因为我的一时疏忽&
就让一个热爱LOL的狂热分子彻底告别LOL
您会不会觉得太残酷了一些呢？
希望贵公司这边可以查明真相，
我本人绝对没有在英雄联盟游戏中使用过非法外挂，
如果是我本人使用了外挂，我心服口服，
三年的心血，希望您能核实，谢谢。
然后客服经过2天的重新审核后给了我理由。
可是我本人用的都是TGP或者是不用任何的助手直接开启LOL客户端进行游戏的
用TGP有一个自动截图功能的，这里我都有，我自己本人也通过网络了解一下所谓的篡改客户端
1.自制皮肤。我皮肤将近150个，基本没个英雄都有一个，如果喜欢的皮肤我就买了。
2.无限视距。因为我玩三年LOL了，在英雄联盟官方封停无限视距功能以前，我就已经不用无限视距了。
3.外挂躲避技能。我这里有用TGP的图片，用外挂躲避技能是能看出来的吧，再说了我如果真的有那个外挂，我怎么可能连跪那么多场？
我自己现在有TGP自动截图的图片，由于上传不了，不过我现在电脑里有的。
我可以各种担保，我肯定没有篡改客户端，这个理由我真的接受不了，如果要图片证据的话我可以给发出来。
如果你说官方的助手是第三方软件可以导致篡改客户端那么我真的认了。
已支持该投诉
微信扫一扫
合作商家平均解决率
普通商家平均解决率
今日有效投诉
昨日有效投诉
昨日投诉解决
上月有效投诉
上月投诉解决
上月无效投诉
累计有效投诉
累计投诉解决
Email 1：jts@corp.21cn.com（供投诉人使用）
热线：020-（常规上班时间接听）
Email 2：jtsodr@corp.21cn.com（供被投诉方及媒体使用）
微信扫描二维码
关注聚投诉公众号}