HTTP-Anforderung in TypeScript

Rana Hasnain Khan 18 August 2022
HTTP-Anforderung in TypeScript

Anhand eines Beispiels stellen wir Ihnen vor, wie Sie eine HTTP-Anfrage in TypeScript erstellen.

HTTP-Anforderung in TypeScript

Die HTTP-Anforderungen in TypeScript werden erstellt, um die Daten von einem äußeren Webserver abzurufen oder zu erhalten oder die Daten an einen äußeren Webserver zu senden. Die vollständige Abkürzung von HTTP ist HyperText Transfer Protocol, eine Schichtprotokollanwendung.

Sie sind Modelle für kollaborative, hypermediale Informationssysteme und Distribution. Es ist für die Kommunikation zwischen Webbrowsern und Servern und für andere Zwecke konzipiert.

TypeScript ist eine hochwertige Programmiersprache, die speziell von Microsoft entwickelt und unterstützt wird. Es wird für die Entwicklung großer Anwendungen verwendet und in JavaScript transpiliert.

Es ist eine syntaxartige Sprache und bietet bessere Werkzeuge für jeden Maßstab.

Um HTTP-Anfragen in TypeScript zu stellen, verwenden wir eine Funktion namens fetch(). Diese Funktion übernimmt zwei Parameter, URL und Optionen.

Die URL ist der Link zu der Webseite, die wir abzurufen versuchen, während wir in den Optionen Methoden senden, die GET oder POST sind. Wir können die GET-Methode verwenden, um die Daten vom Webserver abzurufen.

Wir können die Methode POST verwenden, wenn wir die Daten posten oder an den Webserver senden möchten.

Jetzt werden wir einige Regeln für das Geben von Anfragen in TypeScript besprechen.

  1. Die HTTP-Anforderung in einem TypeScript wird verwendet, um die Daten von den externen Webservern zu bestellen oder abzurufen, und die gesammelten Daten werden auf dem externen Webserver veröffentlicht.
  2. Die HTTP-Anforderung in TypeScript wird im Programm platziert, indem die Funktionen verwendet werden, da die primäre Funktion die Funktion fetch() ist.
  3. Die fetch-Funktion in TypeScript verwendet zwei Parameter, um die Funktion auszuführen: URL und Optionen. Danach gibt es ein Response-Objekt.
  4. text(), headers, json(), status und statusText sind wertvolle Quellen, die vom response-Objekt in der fetch-Funktion bereitgestellt werden.
  5. Wenn die Optionen übergeben wurden, steht in den Parametern der Funktion fetch ​​post. Wir haben mehrere Möglichkeiten, es zu verwenden.

Wir lernen die gesamte HTTP-Anforderungsfunktionalität in TypeScript und die Funktionsweise der fetch-Funktion kennen. Wir gehen das Beispiel einer HTTP-Anfrage in TypeScript durch.

In diesem Beispiel sehen wir die Programme, in denen wir eine Stichprobe von HTTP-GET-Anforderungen an eine Website senden, indem wir die fetch-Funktion verwenden. Die URL der Website wird als Parameter in der fetch-Funktion übergeben.

Das gesamte Programm wandelt die im Parameter angegebenen Antworten der Website in den Typ text um und gibt sie als Ausgabe aus.

Wir haben das fetch-Modul geladen, um die fetch-Funktion beim Start zu verwenden.

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

In diesem Schritt geben wir die Website-URL als Parameter für die fetch-Funktion ein.

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

Dann extrahiert diese Funktion die Daten von der Website, wandelt sie in Daten vom Typ text um und gibt das Ergebnis aus.

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

Nun wird der Text als Ausgabebox ausgegeben.

.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