实现QQ第三方登录、网站接入

1.注册账号：

http://connect.qq.com/

2.网站接入：

http://wiki.connect.qq.com/%E7%BD%91%E7%AB%99%E6%8E%A5%E5%85%A5%E6%B5%81%E7%A8%8B

3.实现QQ登录功能：

JS SDK最简便：http://wiki.connect.qq.com/js_sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E

4.实例：

js:

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="***" data-redirecturi="***" charset="utf-8"></script>
<script  type="text/javascript">
//qq登录
QC.Login({
btnId: "qqLoginBtn",    //插入按钮的节点id
//用户需要确认的scope授权项，可选，默认all
scope: "all",
//按钮尺寸，可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S]，可选，默认B_S
size: "A_M"
});

//从页面收集OpenAPI必要的参数。get_user_info不需要输入参数，因此paras中没有参数
var paras = {};

//用JS SDK调用OpenAPI
QC.api("get_user_info", paras)
//指定接口访问成功的接收函数，s为成功返回Response对象
.success(function (s) {
//成功回调，通过s.data获取OpenAPI的返回数据
$.ajax({
type: "POST",
url: "../../../Ajax/WebServiceHandler.aspx/QQUserLogin", // 调动后台页面方法
contentType: "application/json; charset=utf-8",
dataType: "json",
data: '{"strLoginName":"' + s.data.nickname + '"}',
success: function (data) {
var strReturn = data.d;
if (strReturn == "fail") {
QC.Login.signOut();
}
else {
alert("QQ登录成功");
}
},
error: function (err) {
QC.Login.signOut();
}
});
})
//指定接口访问失败的接收函数，f为失败返回Response对象
.error(function (f) {
//失败回调
alert("获取用户信息失败！");
})
//指定接口完成请求后的接收函数，c为完成请求返回Response对象
.complete(function (c) {
//完成请求回调
//alert("获取用户信息完成！");
});
</script>

html:

<span id="qqLoginBtn"></span>