网站QQ第三方登录

文档地址:
http://wiki.open.qq.com/wiki/website/%E7%BD%91%E7%AB%99%E6%8E%A5%E5%85%A5%E6%B5%81%E7%A8%8B

SDK中心:
http://wiki.open.qq.com/wiki/website/SDK%E4%B8%8B%E8%BD%BD

QQ互联开发者中心:
https://connect.qq.com/manage.html#/

1.要在网站上使用QQ第三方登录，首先需要在QQ互联开发者中心申请成为开发者。

2.开发者认证通过后,需要创建一个网站应用，需要填写下图信息

资料填写.png 完善资料.png

其中要注意网站的回调域是你成功登陆后回调的地址，在开发中需要填写的回调地址，如果两个地址没对应上则会出现100010的错误。

回调地址错误.png
具体可查看：
http://wiki.connect.qq.com/%E5%9B%9E%E8%B0%83%E5%9C%B0%E5%9D%80%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%E5%8F%8A%E4%BF%AE%E6%94%B9%E6%96%B9%E6%B3%95

3.然后可以前往SDK中心查看下载相应的SDK.

4.我使用的是JS 的SDK
http://wiki.open.qq.com/wiki/website/JS_SDK%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E

主要使用以下两段代码:
No.1:
<script type="text/javascript"
src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="APPID" data-redirecturi="REDIRECTURI" charset="utf-8"></script>

No.2:
<script type="text/javascript">
QC.Login({
btnId:"qqLoginBtn" //插入按钮的节点id
});
</script>

JS SDK引入.png

最后需要在回调的页面中加入下列代码：

<script type="text/javascript"
src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callback="true"></script>