首页前端开发JavaScriptNode.js中怎么发起HTTP请求?6种方法浅析

Node.js中怎么发起HTTP请求?6种方法浅析

时间2024-01-31 07:02:03发布访客分类JavaScript浏览916
导读:收集整理的这篇文章主要介绍了Node.js中怎么发起HTTP请求?6种方法浅析,觉得挺不错的,现在分享给大家,也给大家做个参考。Node.js中怎么发起HTTP请求?本篇文章就来和大家一起探索下Node发起HTTP请求的6种不同方法,希望对...
收集整理的这篇文章主要介绍了Node.js中怎么发起HTTP请求?6种方法浅析,觉得挺不错的,现在分享给大家,也给大家做个参考。Node.js中怎么发起HTTP请求?本篇文章就来和大家一起探索下Node发起HTTP请求的6种不同方法,希望对大家有所帮助!

本文介绍6种在nodejs中发起HTTP请求的不同方法,这里我们会通过对掘金社区的板块分类接口 的请求作为演示来完成这个每种不同方法的使用,当然为了更清晰的打印出所得到的数据,我们要提前安装chalk库来给其打印的数据加上颜色,好了,我们马上就要开始啦~

正文

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格式。

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,可以说是非常的简洁与方便。

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里拿到了,也是十分的好用。

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格式。

如果你想使用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-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-fetch 最受欢迎,needle 最不受欢迎。


StarsVersionUnpacked SizeCreated Years
axios91,6420.26.1398 kB2014
got10,73612.0.1244 kB2014
needle1,4463.0.0227 kB2012
superagent15,9287.1.1581 kB2011
node-fetch7,4343.2.3106 kB2015

这里我们又统计了这几个库的其他一些数据,axios的star数量可谓一骑绝尘,远远超过其他几个库。

结语

这些请求库,他们都做了同一件事都可以发起HTTP请求,或许写法会有些许不同,但都是条条大路通罗马。就个人而言,也可能是经常写浏览器端的缘故,所以是axios的忠实用户,不管是练习还是开发axios都是首选,当然node-fetch也越来越收到关注,包也十分的小,练习的时候也会经常用到,但api使用起来感觉还是没有axios那般方便。

其实还有两个出名的HTTP请求库本文没有提到:

一个是ky.js,它是一个非常小巧且强大的fetch式的请求库,主要为deno和现代浏览器所打造,所以暂时不参与其中的讨论,感兴趣的同学自己探索。

另一个就是request.js,没有说的原因是它在2020年的时候就已经被完全弃用了,如果有使用过的小伙伴可以在把项目里的request它替换成其他的方法。

本文转载自:https://juejin.cn/post/7074749427637813284

作者:jsmask

更多node相关知识,请访问:nodejs 教程!

以上就是Node.js中怎么发起HTTP请求?6种方法浅析的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: JavaScript中如何获取URL参数?4...下一篇:图文详解JavaScript原型链猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: Node.js中怎么发起HTTP请求?6种方法浅析
本文地址: https://pptw.com/jishu/593634.html
cr是什么意思? stdio.h是什么头文件

游客 回复需填写必要信息