Rumah  >  Artikel  >  hujung hadapan web  >  Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

青灯夜游
青灯夜游ke hadapan
2022-12-09 20:08:203771semak imbas

Bagaimana untuk memulakan permintaan HTTP dalam Node? Artikel ini akan meneroka bersama anda 6 kaedah berbeza untuk Node memulakan permintaan HTTP saya harap ia akan membantu anda.

Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

Artikel ini memperkenalkan 6 kaedah berbeza untuk memulakan permintaan HTTP dalam nodej Di sini kita akan melalui 掘金社区的板块分类接口 digunakan sebagai demonstrasi untuk melengkapkan penggunaan setiap kaedah yang berbeza Sudah tentu, untuk mencetak data yang diperolehi dengan lebih jelas, kita perlu memasang terlebih dahulu untuk menambah warna pada data yang dicetak , kami akan melakukannya dengan segera. Tiba masanya untuk bermula~ [Cadangan tutorial berkaitan: chalk库tutorial video nodejs, Pengajaran pengaturcaraan]

Teks


Modul HTTPS Node.js

Node.js disertakan dengan modul https dalam perpustakaan standard, jadi anda tidak perlu mengimportnya sama sekali Mana-mana pustaka boleh memulakan permintaan, kerana node.js sendiri boleh melengkapkannya, dan ia lebih daripada cukup untuk mengendalikan beberapa permintaan data mudah.

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);
});
Strukturnya agak rumit, kerana kita perlu membuat senarai tatasusunan kosong untuk menyimpan bongkah blok data permintaan, dan kemudian selepas permintaan selesai, data mesti diproses melalui Penampan dan kemudian dihuraikan ke dalam format json.

Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

Axios

Saya percaya bahawa rakan-rakan front-end tidak asing dengan axios, ia adalah sangat popular Dan perpustakaan permintaan Janji yang popular. Ia boleh digunakan pada kedua-dua penyemak imbas dan pelanggan, dan seperti yang kita semua tahu, ia juga mempunyai fungsi yang sangat mudah seperti pemintas dan penukaran data automatik kepada json.

Kita boleh menggunakan arahan berikut untuk memasang axios:

npm i -S axios

Berikut ialah contoh mudah bagaimana kita mendapatkan klasifikasi bahagian Nuggets melalui 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);
});
Di sini axios terus menggunakan permintaan get untuk meminta antara muka Struktur juga boleh dalam bentuk janji, dan data dihuraikan secara automatik ke dalam json untuk anda, yang boleh dikatakan sangat mudah dan selesa.

Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

Mendapat

mendapat tuntutan sebagai “permintaan HTTP Node.js yang mesra pengguna dan berkuasa "Pustaka" mesra pengguna kerana ia menggunakan API gaya Promise dan fungsi konfigurasi pemprosesan JOSN Walau bagaimanapun, beberapa keupayaan seperti sokongan HTTP2, paging API dan RFC caching tidak tersedia dalam kebanyakan perpustakaan permintaan.

Kita boleh menggunakan arahan berikut untuk memasang got:

npm i -S got@10.7.0

Berikut ialah contoh mudah bagaimana kita mendapatkan klasifikasi plat Nuggets melalui 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);
});
Di sini kita perlu mengkonfigurasi antara muka permintaan

, dan kemudian data yang dikembalikan boleh diperolehi dalam badan, yang juga sangat mudah digunakan. {responseType: 'json'}

Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

Jarum

jarum ialah perpustakaan permintaan yang agak ringkas dan padat. Bentuknya boleh Janji The kaedah juga boleh menjadi fungsi panggil balik, yang bergantung pada tabiat anda sendiri, dan nilai pulangannya secara automatik akan menukar XML dan JSON, yang juga sangat mudah.

Kita boleh menggunakan arahan berikut untuk memasang jarum:

npm i -S needle

Berikut ialah contoh mudah bagaimana kita mendapatkan klasifikasi bahagian Nugget melalui jarum :

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)}`);
    })
})
Di sini kita tunjuk cara menggunakan fungsi panggil balik Ia boleh dilihat bahawa terdapat ralat dan res yang dikembalikan Apabila berjaya, ralat adalah batal data. Di sini Ia adalah format json yang ditukar secara automatik untuk anda.

Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

Jika anda ingin menggunakan Promise, anda boleh menulis seperti ini:

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

Superagent

Superagen perpustakaan permintaan dikeluarkan agak awal, sejak tahun 2011, tetapi ia adalah perpustakaan permintaan HTTP klien progresif yang menyokong banyak klien HTTP lanjutan dengan modul Node.js dengan API yang sama sangat berguna.

Kita boleh memasang superagent menggunakan arahan berikut:

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

Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

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用起来完全一样,没有任何学习压力。

Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

对比


接下来我们看一下关于这几款请求库近一年的下载量趋势图:

Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

现在我们可以发现,就下载量而言,在过去一年中,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它替换成其他的方法。

Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP

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

Atas ialah kandungan terperinci Analisis ringkas tentang 6 cara Node memulakan permintaan HTTP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:juejin.cn. Jika ada pelanggaran, sila hubungi admin@php.cn Padam