Node发起HTTP请求的方法有哪些


本篇内容主要讲解“Node发起HTTP请求的方法有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Node发起HTTP请求的方法有哪些”吧!Node.js在标准库中带有https模块,所以你根本不需要引入任何库去发起请求,因为node.js本身就可以完成,处理一些简单的数据请求也是绰绰有余了。

constchalk=require("chalk")
consthttps=require('https')

https.get('https://api.juejin.cn/tag_api/v1/query_category_briefs',res=>{
letlist=[];
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并不陌生,它是一个非常流行且受欢迎的Promise式请求库。它既可以浏览器端使用可以在客户端使用它,而且众所周知,它还有着拦截器,数据自动转换json等十分方便的功能。我们可以使用以下命令安装axios:

npmi-Saxios

下面是我们通过axios获取掘金板块分类简单示例:

constchalk=require("chalk")
constaxios=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声称是“一个人性化且功能强大的 Node.js HTTP 请求库”,人性化在于它用了Promise式的API与对JOSN做处理配置等功能,而一些如HTTP2的支持,分页式API以及RFC的缓存等能力是大多数请求库所不具备的。我们可以使用以下命令安装got:

npmi-Sgot@10.7.0

下面是我们通过got获取掘金板块分类简单示例:

constchalk=req免费云主机域名uire("chalk")
constgot=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是一个比较简洁小巧的请求库,它的形式可以是Promise的方式也可以是回调函数的方式,看自己的习惯选用,而且它的返回值会对XML与JSON自动做出转换,也是非常的方便。我们可以使用以下命令安装needle:

npmi-Sneedle

下面是我们通过needle获取掘金板块分类简单示例:

constchalk=require("chalk")
constneedle=require('needle');

needle.get('https://api.juejin.cn/tag_api/v1/query_category_briefs',(err,res)=>{
if(err)returnconsole.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发布时间可谓是相当的早了可以追溯到2011年,但它是渐进式客户端 HTTP 请求库,与具有相同 API 的 Node.js 模块,支持许多高级 HTTP 客户端功能,依旧是十分的好用。我们可以使用以下命令安装superagent:

npmi-Ssuperagent

下面是我们通过superagent获取掘金板块分类简单示例:

constchalk=require("chalk")
constsuperagent=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格式。顾名思义,这个请求库它的api与window.fetch保持了一致,也是promise式的。最近非常受欢迎,但可能最大的问题是,它的v2与v3版差异比较大,v2保持着cjs标准,而v3则用了ejs的方式,升级后可能造成一些困扰,所以为了统一这个标准我们这里用了2.6.7版作为演示版本。我们可以使用以下命令安装node-fetch:

npmi-Snode-fetch@2.6.7

下面是我们通过node-fetch获取掘金板块分类简单示例:

constchalk=require("chalk")
constfetch=require("node-fetch")

fetch('https://api.juejin.cn/tag_api/v1/query_category_briefs',{
method:'GET'
})
.then(asyncres=>{
let{data}=awaitres.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 最不受欢迎。这里我们又统计了这几个库的其他一些数据,axios的star数量可谓一骑绝尘,远远超过其他几个库。到此,相信大家对“Node发起HTTP请求的方法有哪些”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: jQuery中数据缓存$.data怎么使用

这篇文章主要介绍“jQuery中数据缓存$.data怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jQuery中数据缓存$.data怎么使用”文章能帮助大家解决问题。一、实现原理:对于DOM元素,通过分配一个唯…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 02/27 16:22
下一篇 02/27 16:22

相关推荐