ノード.JS革命:AxiosとフェッチAPIへの別れ

プログラミングのすべての自己尊重の学生は、すでに彼らのアプリケーションの開発にライブラリ(有名な“lib”)を使用する必要があります.例はAxiosとフェッチLIBSを含みます.そして、それは外部APIを消費するためにフロントエンドとバックエンドで広く使用されます.
最近ノードです.JS V 175変更された意見の2つの変更を受けたので、これらの変化がコード生産における有効性と敏捷性の問題にどのように影響するか説明しましょう.また、この更新プログラムの長所と短所を議論します.

Originally published on Keyholesoftware.com by Bernardo Leite on 3/28/22.

異なるライブラリの理解

開始するには、どのようにaxios、フェッチ、ノードのLIBの仕事を覚えてみましょう.
コミュニティで優れた評判で、AxiosはノードからHTTPリクエストを作るための人気のJavaScript Liveです.jsXMLHttpRequests ブラウザを通して.また、JS ES 6に固有のPromise APIをサポートし、JSONにデータを変換し、リクエストと応答データ(要求/応答)を変換し、遮断します.これに加えて、クライアント側では、XSRF保護をサポートします.
JavaScript言語では、Axiosはfetch() JSONの自動分析を行うことができ、Expressとの提携で非常にうまく機能するので、メソッド.Axiosは、Webリクエストを送信しながら、エクスプレスは、これらの要求に応答します.
一方、Axiosはあなたのプロジェクトにインストールする必要がある外部パッケージです.
ノード取得チームにいる人にとって、モジュールをインストールするのは簡単で軽いことを知っています.簡単にnpm install node-fetch あなたは、はるかに直接的な方法でフェッチリソースを持っており、XMLHttpRequest . つまり、クリーナーでより整理されたコードが好きな人にとっては魅力です.
ノードフェッチの例を示しますasync and await 非同期関数.

const express = require(“express”);
const fetch = require(“node-fetch”);
const app = express();

app.get(‘/’, async function(req, res){
const response = await fetch(‘https://dog.ceo/api/breeds/list/all’)
    const app = await response.json()
    console.log(app)
})
app.listen(3000);
module.export = app

アプリケーションでは、ノードの取得に加えて、フレームワークや他のライブラリが必要かもしれません.これは多くの依存関係でアプリケーションを重くすることができます.
簡単に言えば、ノードに新しい.JS生態系は、LiveなしでフェッチAPIを実装するか、外部モジュールをインストールするネイティブの方法です.

あなたは今fetch , Request , Response , とHeaders グローバルとして.それから、ちょうどフェッチAPIを消費してください!ここでは非常に簡単な例です.

今、あなたが必要とするすべての要求を送信すると、外部APIは、はるかに簡単な方法で応答します.

結論

あなたが使用を考慮する多くの理由がありますfetch() ノードで.JSは、単純な要求を実行するために優れていることに加えて、我々は外部Libsの可能な変更を心配し、その結果、我々のアプリケーションを妥協する必要はありません.
ネイティブのフェッチがまだLTSバージョンで利用できないことを覚えておくことは重要です.しかし、それは新しい実装を妥協することは何もない.
ネイティブフェッチ参照Undici , レイテンシとファイル転送速度の重要な改善を保証します.
ノードの詳細については.JSと他の人気の技術は、我々の見てくださいDevelopment Blog . すべてのポストは、他の専門家の鍵穴コンサルタントによって書かれます.