node+express QQ登錄

啊哈!這幾天天天整合第三方登錄了!?。『美?,其實(shí)難度也不大。。
首先,你需要注冊(cè)成為一名開(kāi)發(fā)者QQ互聯(lián);

審核通過(guò)以后顯示的內(nèi)容

然后創(chuàng)建應(yīng)用...等等!還是先說(shuō)說(shuō)流程(其實(shí)是復(fù)制,就怕有的人沒(méi)看文檔)

網(wǎng)站開(kāi)發(fā)流程
熟悉 OAuth2.0 協(xié)議 -> 放置“QQ登錄”按鈕 -> 獲取Access_Token -> 獲取用戶(hù)OpenID -> OpenAPI調(diào)用說(shuō)明
好了,流程就這樣,我們繼續(xù)
創(chuàng)建應(yīng)用
點(diǎn)擊導(dǎo)航欄上的應(yīng)用管理->創(chuàng)建應(yīng)用->創(chuàng)建網(wǎng)站應(yīng)用

創(chuàng)建網(wǎng)站應(yīng)用

填寫(xiě)資料

填寫(xiě)基本資料

后面的你們自己填吧,不知道回調(diào)域名是啥?那你翻翻我的其他文章,如果沒(méi)有那就百度一下!

然后提交審核,靜待審核通過(guò)
等待通過(guò)....
好難等啊...
先看文檔。。

友情提示:QQ返回得所有數(shù)據(jù)都特么是string,不能直接轉(zhuǎn)json,想要轉(zhuǎn)json自己想辦法

官方步驟已經(jīng)說(shuō)的很清楚了...我就不一一復(fù)制粘貼了,直接貼代碼吧

//多處調(diào)用,所以還是存?zhèn)€變量吧
var qqAppID = '101xxxx07';
var qqAppkey = 'a044c060xxxe5bb32exxx31278c9bxxx';
var qqRedirect_uri = '你的回調(diào)地址';
router.get('/qq_login', function (req, res, next) {
    var authorization = 'https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id='+qqAppID+'&redirect_uri='+qqRedirect_uri+'&state=233&scope=get_user_info,get_vip_info,get_vip_rich_info';
    res.redirect(authorization);
});
router.get('/qq/login', function (req, res, next) {
    //拿到code
    var code = req.query.code;
    //獲取token
    var getTokenUrl = 'https://graph.qq.com/oauth2.0/token?grant_type=authorization_code&client_id='+qqAppID+'&client_secret='+qqAppkey+'&code='+code+'&redirect_uri='+qqRedirect_uri;
    // res.send(getTokenUrl);
    request.get({url:getTokenUrl},function (err, httpResponse, body) {
        var str = body;
        var access_token = str.split('=')[1].split('&')[0];
        //獲取用戶(hù)openid
        var getMeUrl = 'https://graph.qq.com/oauth2.0/me?access_token=' + access_token;
        request.get({url:getMeUrl}, function (err, httpResponse, body) {
            //QQ返回的是字符串,不是json,也不能直接轉(zhuǎn)json,日了狗
            var str = body;
            var jsonStr = str.replace('callback( ','');
            jsonStr = jsonStr.replace(' );','');
            jsonStr = JSON.parse(jsonStr);
            var qqOpenid = jsonStr['openid'];
            var qqClient_id = jsonStr['client_id'];
            //拿到兩個(gè)參數(shù)以后去獲取用戶(hù)資料
            request.get({url:'https://graph.qq.com/user/get_user_info?access_token='+ urlencode(access_token) +'&oauth_consumer_key='+ urlencode(qqAppID) + '&openid=' + urlencode(qqOpenid)}, function (err, httpResponse, body) {
                body = JSON.parse(body);
                res.send("\
                    <h1>QQ昵稱(chēng):"+ body.nickname +"openid:"+ qqOpenid +"</h1>\
                    <p>![]("+body.figureurl_qq_1+")</p>\
                    <p>性別:"+ body.gender+"</p>\
                    <p>地區(qū):"+body.province +","+ body.city+"</p>\
                ");
            })
        })
    })

});

ok完事,剩下的就看你們自己的了!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評(píng)論 19 139
  • 準(zhǔn)備工作_OAuth2.0 接入QQ登錄前,網(wǎng)站需首先進(jìn)行申請(qǐng),獲得對(duì)應(yīng)的appid與appkey,以保證后續(xù)流程...
    君惜丶閱讀 8,190評(píng)論 7 29
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,029評(píng)論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,286評(píng)論 4 61
  • 注意:代碼自己動(dòng)手寫(xiě),不要復(fù)制! GitHub 一、接入微信第三方登錄準(zhǔn)備工作。 移動(dòng)應(yīng)用微信登錄是基于OAuth...
    大沖哥閱讀 15,399評(píng)論 0 7

友情鏈接更多精彩內(nèi)容