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

淺析Node發起HTTP請求的6種方法

Node中怎么發起HTTP請求?本篇文章就來和大家一起探索下Node發起HTTP請求的6種不同方法,希望對大家有所幫助!

淺析Node發起HTTP請求的6種方法

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

本文介紹6種在nodejs中發起HTTP請求的不同方法,這里我們會通過對掘金社區的板塊分類接口 的請求作為演示來完成這個每種不同方法的使用,當然為了更清晰的打印出所得到的數據,我們要提前安裝chalk庫來給其打印的數據加上顏色,好了,我們馬上就要開始啦~【相關教程推薦:nodejs視頻教程、編程教學】

正文


Node.js HTTPS Module

Node.js在標準庫中帶有https模塊,所以你根本不需要引入任何庫去發起請求,因為node.js本身就可以完成,處理一些簡單的數據請求也是綽綽有余了。

const chalk = require("chalk") const https = require('https')  https.get('https://api.juejin.cn/tag_api/v1/query_category_briefs', res => {     let list = [];     res.on('data', chunk => {         list.push(chunk);     });     res.on('end', () => {         const { data } = JSON.parse(Buffer.concat(list).toString());         data.forEach(item => {             console.log(`${chalk.yellow.bold(item.rank)}.${chalk.green(item.category_name)}`);         })     }); }).on('error', err => {     console.log('Error: ', err.message); });
登錄后復制

從結構上有些許復雜,因為我們要弄一個空數組list來存儲請求數據塊chunk,然后在請求結束后還要通過Buffer處理數據再解析成json格式。

淺析Node發起HTTP請求的6種方法

Axios

相信前端的小伙伴對axios并不陌生,它是一個非常流行且受歡迎的Promise式請求庫。它既可以瀏覽器端使用可以在客戶端使用它,而且眾所周知,它還有著攔截器,數據自動轉換json等十分方便的功能。

我們可以使用以下命令安裝axios:

npm i -S axios
登錄后復制

下面是我們通過axios獲取掘金板塊分類簡單示例:

const chalk = require("chalk") const axios = require('axios');  axios.get('https://api.juejin.cn/tag_api/v1/query_category_briefs') .then(res => {     const { data } = res.data     data.forEach(item => {         console.log(`${chalk.yellow.bold(item.rank)}.${chalk.green(item.category_name)}`);     }) }) .catch(err => {     console.log('Error: ', err.message); });
登錄后復制

這里axios直接用get請求請求接口,可以結構也是promise形式的,數據自動幫你解析成json,可以說是非常的簡潔與方便。

淺析Node發起HTTP請求的6種方法

Got

got聲稱是“一個人性化且功能強大的 Node.js HTTP 請求庫”,人性化在于它用了Promise式的API與對JOSN做處理配置等功能,而一些如HTTP2的支持,分頁式API以及RFC的緩存等能力是大多數請求庫所不具備的。

我們可以使用以下命令安裝got:

npm i -S got@10.7.0
登錄后復制

下面是我們通過got獲取掘金板塊分類簡單示例:

const chalk = require("chalk") const got = require('got');  got.get('https://api.juejin.cn/tag_api/v1/query_category_briefs', {     responseType: 'json' }) .then(res => {     const { data } = res.body     data.forEach(item => {         console.log(`${chalk.yellow.bold(item.rank)}.${chalk.green(item.category_name)}`);     }) }) .catch(err => {     console.log('Error: ', err.message); });
登錄后復制

這里我們先要對請求接口進行{responseType: 'json'}的配置,然后返回的數據可以在body里拿到了,也是十分的好用。

淺析Node發起HTTP請求的6種方法

Needle

needle是一個比較簡潔小巧的請求庫,它的形式可以是Promise的方式也可以是回調函數的方式,看自己的習慣選用,而且它的返回值會對XML與JSON自動做出轉換,也是非常的方便。

我們可以使用以下命令安裝needle:

npm i -S needle
登錄后復制

下面是我們通過needle獲取掘金板塊分類簡單示例:

const chalk = require("chalk") const needle = require('needle');  needle.get('https://api.juejin.cn/tag_api/v1/query_category_briefs', (err, res) => {     if (err) return console.log('Error: ', err.message);     const { data } = res.body     data.forEach(item => {         console.log(`${chalk.yellow.bold(item.rank)}.${chalk.green(item.category_name)}`);     }) })
登錄后復制

這里我們演示的用了回調函數的方式來展示,可以看出返回有err與res,成功時err為null,成功后返回的res的body里就是所要請求的數據,這里是幫你自動轉化好的json格式。

淺析Node發起HTTP請求的6種方法

如果你想使用Promise的方式,可以這么去寫:

needle('get', 'https://api.juejin.cn/tag_api/v1/query_category_briefs') .then(function(res) {     // ... }) .catch(function(err) {     // ... });
登錄后復制

Superagent

請求庫superagent發布時間可謂是相當的早了可以追溯到2011年,但它是漸進式客戶端 HTTP 請求庫,與具有相同 API 的 Node.js 模塊,支持許多高級 HTTP 客戶端功能,依舊是十分的好用。

我們可以使用以下命令安裝superagent:

npm i -S superagent
登錄后復制

下面是我們通過superagent獲取掘金板塊分類簡單示例:

const chalk = require("chalk") const superagent = require('superagent');  superagent.get('https://api.juejin.cn/tag_api/v1/query_category_briefs') .then(res => {     const { data } = JSON.parse(res.text)     data.forEach(item => {         console.log(`${chalk.yellow.bold(item.rank)}.${chalk.green(item.category_name)}`);     }) }) .catch(err => {     console.log('Error: ', err.message); });
登錄后復制

現在的superagent用法與axios十分的相似,但是需要去自己把數據處理成json格式。

淺析Node發起HTTP請求的6種方法

Node-fetch

顧名思義,這個請求庫它的api與window.fetch保持了一致,也是promise式的。最近非常受歡迎,但可能最大的問題是,它的v2與v3版差異比較大,v2保持著cjs標準,而v3則用了ejs的方式,升級后可能造成一些困擾,所以為了統一這個標準我們這里用了2.6.7版作為演示版本。

我們可以使用以下命令安裝node-fetch:

npm i -S node-fetch@2.6.7
登錄后復制

下面是我們通過node-fetch獲取掘金板塊分類簡單示例:

const chalk = require("chalk") const fetch = require("node-fetch")  fetch('https://api.juejin.cn/tag_api/v1/query_category_briefs', {     method: 'GET' }) .then(async res => {     let { data } = await res.json()     data.forEach(item => {         console.log(`${chalk.yellow.bold(item.rank)}.${chalk.green(item.category_name)}`);     }) }) .catch(err => {     console.log('Error: ', err.message); });
登錄后復制

可以看出它與window.fetch用起來完全一樣,沒有任何學習壓力。

淺析Node發起HTTP請求的6種方法

對比


接下來我們看一下關于這幾款請求庫近一年的下載量趨勢圖:

淺析Node發起HTTP請求的6種方法

現在我們可以發現,就下載量而言,在過去一年中,node-fetch 最受歡迎,needle 最不受歡迎。

Stars Version Unpacked Size Created Years
axios 91,642 0.26.1 398 kB 2014
got 10,736 12.0.1 244 kB 2014
needle 1,446 3.0.0 227 kB 2012
superagent 15,928 7.1.1 581 kB 2011
node-fetch 7,434 3.2.3 106 kB 2015

這里我們又統計了這幾個庫的其他一些數據,axios的star數量可謂一騎絕塵,遠遠超過其他幾個庫。

結語

這些請求庫,他們都做了同一件事都可以發起HTTP請求,或許寫法會有些許不同,但都是條條大路通羅馬。就個人而言,也可能是經常寫瀏覽器端的緣故,所以是axios的忠實用戶,不管是練習還是開發axios都是首選,當然node-fetch也越來越收到關注,包也十分的小,練習的時候也會經常用到,但api使用起來感覺還是沒有axios那般方便。

其實還有兩個出名的HTTP請求庫本文沒有提到:

一個是ky.js,它是一個非常小巧且強大的fetch式的請求庫,主要為deno和現代瀏覽器所打造,所以暫時不參與其中的討論,感興趣的同學自己探索。

另一個就是request.js,沒有說的原因是它在2020年的時候就已經被完全棄用了,如果有使用過的小伙伴可以在把項目里的request它替換成其他的方法。

淺析Node發起HTTP請求的6種方法

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
精品爆乳一区二区三区无码av| 99久久精品国产高清一区二区 | 国产精品美女久久久久av爽| 国产精品一区二区综合| 国产精品无码一区二区在线观一 | 国产精品一区在线播放| 日韩精品无码一区二区三区| 日韩一区二区三区在线精品| 国产精品亚洲专区在线播放| 国产在线精品一区二区三区直播| 国产成人精品久久亚洲高清不卡 | 精品女同一区二区三区免费播放 | 99re在线视频精品| 女同久久精品国产99国产精品| 国产成人精品免费视频动漫| 国产精品免费精品自在线观看| 国产日韩精品一区二区三区| 亚洲欧美日韩一区二区三区 | 久久久久四虎国产精品| 久久精品国产亚洲AV无码偷窥| 亚洲国产成人精品无码一区二区 | 亚洲午夜精品一区二区| 日韩国产成人无码av毛片| 无码精品尤物一区二区三区| 182tv精品视频在线播放| 国产精品理论片在线观看| 玩弄人妻少妇精品视频| 精品无码成人片一区二区98 | 2021精品国产品免费观看| 国产精品视频男人的天堂| 亚洲精品乱码久久久久久久久久久久| 91成人午夜在线精品| 久久夜色精品国产嚕嚕亚洲av| 亚洲av永久无码精品秋霞电影秋 | 亚洲欧美日韩综合久久久| 亚洲精品无码久久一线| 国产精品爽爽影院在线| 伊人久久精品午夜| 亚洲精品美女久久久久| 国产精品 码ls字幕影视| 久久精品亚洲综合|