Requête HTTP en TypeScript

Rana Hasnain Khan 8 octobre 2023
Requête HTTP en TypeScript

Nous présenterons comment faire une requête HTTP en TypeScript avec un exemple.

Requête HTTP en TypeScript

Les requêtes HTTP dans TypeScript sont créées pour récupérer ou obtenir les données d’un serveur Web externe ou publier les données sur un serveur Web externe. L’abréviation complète de HTTP est HyperText Transfer Protocol, une application de protocole de couche.

Ce sont des modèles de systèmes d’information et de distribution hypermédia collaboratifs. Il est conçu pour la communication entre les navigateurs Web et les serveurs et à d’autres fins.

TypeScript est un langage de programmation de haute qualité spécialement développé et pris en charge par Microsoft. Il est utilisé pour le développement de grandes applications et se transpile en JavaScript.

C’est un langage de type syntaxique et fournit de meilleurs outils pour n’importe quelle échelle.

Pour faire des requêtes HTTP en TypeScript, nous utilisons une fonction appelée fetch(). Cette fonction prend en compte deux paramètres, URL et options.

L’URL est le lien vers la page Web que nous essayons de récupérer, alors que, dans les options, nous envoyons des méthodes qui sont GET ou POST. Nous pouvons utiliser la méthode GET pour récupérer les données du serveur Web.

Nous pouvons utiliser la méthode POST si nous voulons publier ou envoyer les données au serveur Web.

Nous allons maintenant discuter de certaines règles pour envoyer des requêtes dans TypeScript.

  1. La requête HTTP dans un TypeScript est utilisée pour commander ou récupérer les données des serveurs Web externes, et les données collectées sont publiées sur le serveur Web externe.
  2. La requête HTTP en TypeScript est placée dans le programme en utilisant les fonctions car la fonction principale est la fonction fetch().
  3. La fonction fetch dans TypeScript utilise deux paramètres pour exécuter la fonction : l’URL et les options. Après cela, il donne un objet réponse.
  4. text(), headers, json(), status et statusText sont toutes des sources précieuses fournies par l’objet response dans la fonction fetch.
  5. Lorsque les options passées, dans les paramètres à la fonction fetch, est post. Nous avons plusieurs options pour l’utiliser.

Nous apprendrons toutes les fonctionnalités des requêtes HTTP en TypeScript et le fonctionnement de la fonction fetch. Nous passons par l’exemple d’une requête HTTP en TypeScript.

Dans cet exemple, nous verrons les programmes où nous plaçons un échantillon de requêtes HTTP GET vers un site Web en utilisant la fonction fetch. L’URL du site web est passée en paramètre dans la fonction fetch.

L’ensemble du programme convertit les réponses du site Web, données dans le paramètre, en type text et l’imprime en sortie.

Nous avons chargé le module fetch ​​pour utiliser la fonction fetch ​​au démarrage.

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

Dans cette étape, nous allons entrer l’URL du site Web en tant que paramètre de la fonction récupérer.

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

Ensuite, cette fonction extrait les données du site Web, les convertit en données de type text et donne le résultat.

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

Maintenant, le texte est donné comme une boîte de sortie.

.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