【开源】简单4步搞定QQ登录，无需什么代码功底【无语言界限】
这个是我封装的一个开源项目：https://github.com/dunitian/LoTQQLogin————————————————————————————————————————————先申请一下http://images2015.cnblogs.com/blog/658978/201512/658978-20151215220400427-607358899.png创建一个应用http://images2015.cnblogs.com/blog/658978/201512/658978-20151215220413084-1242124013.png网站或者移动http://images2015.cnblogs.com/blog/658978/201512/658978-20151215220419959-799839950.png注意回调地址（登录的时候会传东西过去）http://images2015.cnblogs.com/blog/658978/201512/658978-20151215220424662-1188999819.png以网站为例http://images2015.cnblogs.com/blog/658978/201512/658978-20151215220432256-736726882.png验证后即可成功，具体看创建时候的提示http://images2015.cnblogs.com/blog/658978/201512/658978-20151215220437412-117062162.png记住上面的idhttp://images2015.cnblogs.com/blog/658978/201512/658978-20151215220442584-1392966039.png这个是你的api管理页面（更多可以申请）http://images2015.cnblogs.com/blog/658978/201512/658978-20151215220450131-1948389125.png下面说一下重头戏：第一步：引入jq
<script type='text/javascript' src='http://ajax.useso.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.4.2'></script>
第二步：把 data-appid 替换成你的id，data-redirecturi 替换成你的回调地址
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101271485" data-redirecturi="http://www.dkill.net/Index" charset="utf-8"></script>
第三步：引入lotqq.js
<script src="JavaScript/lotqq.js"></script>
第四步：传参以及设置你的回调函数（比如进行一些存储）【lotqq是你要放置qq登录图标的id】
<script type="text/javascript">
$.lotqq('101271485', 'http://www.dkill.net/Index', 'lotqq', function (data) {
//回调函数，进行一些你需要的存储~~~（data数组有你需要的数据）
console.log('Name:' + data.Name);
console.log('OpenId:' + data.OpenId);
console.log('AccessToken:' + data.AccessToken);
console.log('Figureurl:' + data.Figureurl);
});
</script>http://images2015.cnblogs.com/blog/658978/201512/658978-20151218001001881-108712052.pnghttp://images2015.cnblogs.com/blog/658978/201512/658978-20151218000715693-1064899984.png
效果：初始时：http://images2015.cnblogs.com/blog/658978/201512/658978-20151218001359037-1673564367.png跳转登录：http://images2015.cnblogs.com/blog/658978/201512/658978-20151218001404584-2065531249.png登录后：（样式可以调）http://images2015.cnblogs.com/blog/658978/201512/658978-20151218001410865-261287419.png可获取的值：（可以根据回调函数自己存储）http://images2015.cnblogs.com/blog/658978/201512/658978-20151218001417349-1454743886.png有什么bug或者新需求可以向我提出~~晚安~
厉害~~非常详细 m0bil3_xT 发表于 2015-12-18 10:27
厉害~~非常详细
谢谢支持，后续会放出更多经验的{:5_116:} 大神牛逼不解释{:5_188:} 确实强！！！！很有用的转码 之前也遇到过，结果自己没管那项目了。。。{:5_118:} 涨知识涨知识了{:6_215:} 涨姿势了啊~~~
页:
[1]
2