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.
- 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.
- La requête HTTP en TypeScript est placée dans le programme en utilisant les fonctions car la fonction principale est la fonction
fetch()
. - 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 objetréponse
. text()
,headers
,json()
,status
etstatusText
sont toutes des sources précieuses fournies par l’objetresponse
dans la fonctionfetch
.- Lorsque les options passées, dans les paramètres à la fonction
fetch
, estpost
. 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 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