【開源】簡單4步搞定QQ登陸，無需什麼代碼功底【無語言界限】

說17號發超簡單的教程就17號，qq覈審經過後就封裝了這個，如今放出來~~

這個是我封裝的一個開源項目：https://github.com/dunitian/LoTQQLogin

————————————————————————————————————————————

先申請一下

建立一個應用

網站或者移動

注意回調地址（登陸的時候會傳東西過去）

以網站爲例

驗證後便可成功，具體看建立時候的提示

記住上面的id

這個是你的api管理頁面（更多能夠申請）

 

 下面說一下重頭戲：

第一步：引入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>

 

效果：

初始時：

跳轉登陸：

登陸後：（樣式能夠調）

可獲取的值：（能夠根據回調函數本身存儲）

有什麼bug或者新需求能夠向我提出~~晚安~

 【開源】簡單4步搞定QQ登陸，無需什麼代碼功底【無語言界限】下 ~ Net程序員的福利：http://www.cnblogs.com/dunitian/p/5056784.html