站長資訊網
        最全最豐富的資訊網站

        淺析node怎么進行微博第三方登錄

        怎么進行微博第三方登錄?下面本篇文章給大家介紹一下使用node實現微博第三方登錄的方法,希望對大家有所幫助!

        淺析node怎么進行微博第三方登錄

        node.js極速入門課程:進入學習

        接入微博第三方登錄可以免注冊,對用戶的體驗更好,今天我們就用nodejs實現微博第三方登錄(用其它語言也可以)。【相關教程推薦:nodejs視頻教程】

        實現效果

        在線實例: http://www.lolmbbs.com/login

        1、點擊微博登錄按鈕登錄

        淺析node怎么進行微博第三方登錄

        2、直接掃碼登錄

        具體實現

        一、申請weibo網站接入

        登錄https://open.weibo.com/connect申請web網站接入
        本地開發的時候應用地址寫:127.0.0.1

        淺析node怎么進行微博第三方登錄
        淺析node怎么進行微博第三方登錄
        淺析node怎么進行微博第三方登錄

        二、點擊按鈕微博登錄

        采用OAuth2.0授權,詳細可參考文檔https://open.weibo.com/wiki/Connect/login

        1. 生成微博登錄授權驗證碼

        const weiboUrl = `https://api.weibo.com/oauth2/authorize?client_id=${weiboConfig.appKey}&response_type=code&redirect_uri=${weiboConfig.redirectUrl}`
        登錄后復制

        appKey: 創建應用成功后weibo給你的appKey
        redirectUrl: 用戶授權成功后跳轉的你的前端頁面,我這里寫的是http://127.0.0.1:8080/login

        2. 授權頁面跳轉,獲取用戶code

        用戶授權登錄后,會跳轉到你上一步寫的redirectUrl,并帶上用戶code,url類似于http://127.0.0.1:8080/login?code=abcdef

        vue監聽路由url,如果url上有code就去請求后端的登錄回調接口

        created() {     const { code } = this.$route.query;     if (code) {       loginCallback({ code }).then((res) => {         this.$message({           message: `${res.nickname} 歡迎您`,           type: "success",         });         this.setUser(res);         this.$router.push("/tool/qr");       });     }   }
        登錄后復制

        3. 后端登錄回調接口,通過用戶code獲取accessToken,再通過accessToken獲取用戶信息,完成登錄

           async loginCallback(ctx) {       let { code } = ctx.request.body       if (!code) {          return ctx.error(errCode.PARAMS_ERROR, '參數錯誤')       }       // 獲取accessToken       const { access_token, uid } = await got.post('https://api.weibo.com/oauth2/access_token', {          form: {             client_id: weiboConfig.appKey,             client_secret: weiboConfig.appSecret,             grant_type: 'authorization_code',             redirect_uri: weiboConfig.redirectUrl,             code          }       }).json()       // 通過accessToken獲取UserInfo       const { id, name: nickname, avatar_hd: avatar } = await got.get(`https://api.weibo.com/2/users/show.json?access_token=${access_token}&uid=${uid}`).json()       // 在自己的系統內創建User       let [user, isCreate] = await WeiboUser.upsert({ id, nickname, avatar })       // 生成登錄Token,通過userType區分是微博登錄用戶還是系統賬號登錄用戶       const token = await jwt.createToken({ ...user.toJSON(), userType: 'weiboUser' })       return ctx.success({ nickname, avatar, token })    }
        登錄后復制

        三、微博掃碼登錄

        1. 生成微博掃碼登錄二維碼

         async getWeiboLoginQr(ctx) {       const qrApi = `https://api.weibo.com/oauth2/qrcode_authorize/generate?client_id=${weiboConfig.appKey}&redirect_uri=${weiboConfig.redirectUrl}&scope=&response_type=code&state=&__rnd=${Date.now()}`       const { url, vcode } = await got.get(qrApi).json()       return ctx.success({ weiboQrUrl: url, vcode }) }
        登錄后復制

        返回的url就是微博登錄二維碼url,vcode相當于此二維碼唯一標識,用來查詢用戶是否掃碼

        2. 前端不停輪詢,查詢此二維碼是否被掃碼授權

        前端:

         const id = setInterval(() => {           getWeiboLoginQrStatus({ vcode }).then((res) => {             const { status, url } = res;             if (status === "3") {               window.location = url;               clearInterval(id);             }           }); }, 3000);
        登錄后復制

        后端:

           async getWeiboLoginQrStatus(ctx) {       const { vcode } = ctx.request.query       if (!vcode) {          return ctx.error(errCode.PARAMS_ERROR, '參數錯誤')       }       const queryQrApi = `https://api.weibo.com/oauth2/qrcode_authorize/query?vcode=${vcode}&__rnd=${Date.now()}`       const { status, url } = await got(queryQrApi).json()       return ctx.success({ status, url })    }
        登錄后復制

        如果status為3,代碼用戶已經掃碼授權了,同時返回的url即點擊按鈕登錄后的前端回調url。之后的步驟就跟2. 授權頁面跳轉,獲取用戶code一模一樣了.

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 国产精品va久久久久久久| 国模精品一区二区三区| 久久精品无码专区免费| 国产乱人伦偷精品视频AAA| 青青草97国产精品免费观看 | 国产精品一久久香蕉产线看| 亚洲av永久无码精品漫画 | 日韩精品久久久久久| 人妻少妇偷人精品无码| 亚洲精品456播放| 精品久久人人爽天天玩人人妻| 欧美成人精品一级高清片| 国产精品美女久久久m| 精品人妻中文字幕有码在线 | 久久久精品国产亚洲成人满18免费网站| 久久成人影院精品777| 国产精品99久久99久久久| 亚洲欧洲成人精品香蕉网| 亚洲精品国产精品国自产观看| 久久这里有精品视频| 久久久精品波多野结衣| 久久青青草原精品国产软件| 国产一区二区精品久久岳| 国产精品国产AV片国产| 国产精品第一页在线| 国产高清在线精品一区小说| 91精品婷婷国产综合久久| 99久久综合国产精品二区| 国产精品毛片无码| 国产精品婷婷午夜在线观看| 精品国产免费人成网站| 蜜臀av无码人妻精品| 亚洲精品黄色视频在线观看免费资源 | 亚洲国产第一站精品蜜芽| 无码人妻精品一区二区三区99仓本| 中文字幕av日韩精品一区二区 | 亚洲精品无码成人片在线观看| 亚洲精品岛国片在线观看| 亚洲国产一二三精品无码 | 国产精品天干天干在线综合| 国产精品污WWW一区二区三区|