- 首先申请qq第3方登录接入的appkey和appid,具体方式http://wiki.connect.qq.com/%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C_oauth2-0
- 在网站首页如index.html head上加入<meta property="qc:admins" content="212010447760171776375" />
- 在网站第3方登录页面如qqlogin.html引入
-
<script type="text/javascript"src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"data-appid="申请appid"data-redirecturi="http://你的网站域名/get.html"></script> //data-redirecturi 是qq登录成功后，返回的页面。之后加入qq登录的button
<span id="qqbtn"></span><script type="text/javascript">QC.Login({btnId:"qqbtn"//插入按钮的节点id});</script>- 点击qq登陆button后，会跳转到qq官方的登录页面，登录成功后，会返回 data-redirecturi="http://你的网站域名/get.html" 设置的页面，在get.html里可以获取qq用户的user_info
-
<!DOCTYPE><HTML><HEAD><TITLE> qq 接入 </TITLE><metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/><scripttype="text/javascript"src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"charset="utf-8"data-callback="true"></script></HEAD><BODY><h1>qq 接入</h1><scripttype="text/javascript">if(QC.Login.check()){//如果已登录成功QC.Login.getMe(function(openId, accessToken){alert(["当前登录用户的", "openId为："+openId, "accessToken为："+accessToken].join("\n"));});//这里可以调用自己的保存接口}</script></BODY></HTML>
搞定收工……