TypeScript での HTTP リクエスト

Rana Hasnain Khan 2022年8月18日
TypeScript での HTTP リクエスト

TypeScript で HTTP リクエストを作成する方法を例を挙げて紹介します。

TypeScript での HTTP リクエスト

TypeScript の HTTP リクエストは、外部 Web サーバーからデータをフェッチまたは取得したり、外部 Web サーバーにデータを送信したりするために作成されます。HTTP の完全な略語は、レイヤープロトコルアプリケーションである HyperText Transfer Protocol です。

これらは、協調的なハイパーメディア情報システムと配信のモデルです。これは、Web ブラウザとサーバー間の通信およびその他の目的のために設計されています。

TypeScript は、Microsoft によって特別に開発およびサポートされている高品質のプログラミング言語です。これは、大規模なアプリケーションの開発や JavaScript へのトランスパイルに使用されます。

これは構文タイプの言語であり、あらゆる規模に対応する優れたツールを提供します。

TypeScript で HTTP リクエストを行うには、fetch() と呼ばれる関数を使用します。この関数は、URL とオプションの 2つのパラメーターを取ります。

URL は、取得しようとしている Web ページへのリンクですが、オプションでは、GET または POST のメソッドを送信します。GET メソッドを使用して、Web サーバーからデータをフェッチできます。

データを Web サーバーに投稿または送信する場合は、POST メソッドを使用できます。

次に、TypeScript でリクエストを行うためのいくつかのルールについて説明します。

  1. TypeScript の HTTP リクエストは、外部 Web サーバーからデータを注文またはフェッチするために使用され、収集されたデータは外部 Web サーバーに送信されます。
  2. TypeScript の HTTP リクエストは、主要な関数が fetch() 関数であるため、関数を使用してプログラムに配置されます。
  3. TypeScript の fetch 関数は、URL とオプションの 2つのパラメーターを使用して関数を実行します。この後、response オブジェクトを提供します。
  4. text()headersjson()status、および statusText はすべて、fetch 関数の response オブジェクトによって提供される貴重なソースです。
  5. fetch 関数へのパラメーターで渡されたオプションが post である場合。それを使用するためのいくつかのオプションがあります。

TypeScript のすべての HTTP リクエスト機能と fetch 関数の動作を学びます。TypeScript での HTTP リクエストの例を紹介します。

この例では、fetch 関数を使用して、HTTP GET リクエストのサンプルを Web サイトに配置するプログラムを示します。Web サイトの URL は、fetch 関数のパラメーターとして渡されます。

プログラム全体が、パラメータで指定された Web サイトからの応答をテキストタイプに変換し、出力として出力します。

開始時に fetch 関数を使用するために fetch モジュールをロードしました。

const fetch = require('node-fetch');

このステップでは、fetch 関数のパラメーターとして Web サイトの URL を入力します。

fetch('https://instagram.com')

次に、この関数は Web サイトからデータを抽出し、それをテキストタイプのデータに変換して、結果を提供します。

.then(result => result.text())

これで、テキストが出力ボックスとして表示されます。

.then(textformat => console.log(textformat))
Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn