HTTP Request en TypeScript

Rana Hasnain Khan 18 agosto 2022
HTTP Request en TypeScript

Presentaremos cómo hacer una solicitud HTTP en TypeScript con un ejemplo.

Solicitud HTTP en TypeScript

Las solicitudes HTTP en TypeScript se crean para recuperar u obtener los datos de un servidor web externo o publicar los datos en un servidor web externo. La abreviatura completa de HTTP es HyperText Transfer Protocol, una aplicación de protocolo de capa.

Son modelos de distribución y sistemas de información hipermedia colaborativos. Está diseñado para la comunicación entre navegadores web y servidores y otros fines.

TypeScript es un lenguaje de programación de alta calidad especialmente desarrollado y respaldado por Microsoft. Se utiliza para el desarrollo de grandes aplicaciones y transpila a JavaScript.

Es un lenguaje de tipo sintáctico y proporciona mejores herramientas para cualquier escala.

Para realizar solicitudes HTTP en TypeScript, usamos una función conocida como fetch(). Esta función toma dos parámetros, URL y opciones.

La URL es el enlace a la página web que estamos tratando de obtener, mientras que, en las opciones, enviamos métodos que son GET o POST. Podemos usar el método GET para obtener los datos del servidor web.

Podemos utilizar el método POST si queremos publicar o enviar los datos al servidor web.

Ahora discutiremos algunas reglas para dar solicitudes en TypeScript.

  1. La solicitud HTTP en un TypeScript se usa para ordenar o recuperar los datos de los servidores web externos, y los datos recopilados se publican en el servidor web externo.
  2. La solicitud HTTP en TypeScript se coloca en el programa mediante el uso de funciones, ya que la función principal es la función fetch().
  3. La función buscar en TypeScript utiliza dos parámetros para ejecutar la función: URL y opciones. Después de esto, da un objeto de respuesta.
  4. text(), headers, json(), status y statusText son fuentes valiosas proporcionadas por el objeto response en la función fetch.
  5. Cuando se pasan las opciones, en los parámetros a la función fetch, está post. Tenemos varias opciones para usarlo.

Aprenderemos toda la funcionalidad de solicitud HTTP en TypeScript y el funcionamiento de la función fetch. Pasamos por el ejemplo de una solicitud HTTP en TypeScript.

En este ejemplo, veremos los programas en los que colocamos una muestra de solicitudes HTTP GET a un sitio web utilizando la función fetch. La URL del sitio web se pasa como parámetro en la función fetch.

Todo el programa convierte las respuestas del sitio web, dadas en el parámetro, en el tipo text y lo imprime como salida.

Cargamos el módulo fetch ​​para usar la función fetch ​​al principio.

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

En este paso, ingresaremos la URL del sitio web como un parámetro para la función buscar.

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

Luego, esta función extrae los datos del sitio web, los convierte en datos de tipo texto y da el resultado.

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

Ahora el texto se da como un cuadro de salida.

.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