TypeScript의 HTTP 요청

TypeScript에서 HTTP 요청을 하는 방법을 예를 들어 소개합니다.

TypeScript의 HTTP 요청

TypeScript의 HTTP 요청은 외부 웹 서버에서 데이터를 가져오거나 가져오거나 데이터를 외부 웹 서버에 게시하기 위해 생성됩니다. HTTP의 전체 약어는 계층 프로토콜 응용 프로그램인 HyperText Transfer Protocol입니다.

그들은 협업, 하이퍼미디어 정보 시스템 및 배포를 위한 모델입니다. 웹 브라우저와 서버 간의 통신 및 기타 목적을 위해 설계되었습니다.

TypeScript는 Microsoft에서 특별히 개발 및 지원하는 고품질 프로그래밍 언어입니다. 대규모 애플리케이션 개발에 사용되며 JavaScript로 변환됩니다.

구문 유형 언어이며 모든 규모에 대해 더 나은 도구를 제공합니다.

TypeScript에서 HTTP 요청을 하기 위해 fetch()라는 함수를 사용합니다. 이 함수는 URL과 옵션의 두 매개변수를 받습니다.

URL은 가져오려는 웹페이지에 대한 링크인 반면 옵션에서는 GET 또는 POST 메서드를 보냅니다. GET 메소드를 사용하여 웹 서버에서 데이터를 가져올 수 있습니다.

데이터를 웹 서버에 게시하거나 보내려면 POST 방법을 사용할 수 있습니다.

이제 TypeScript에서 요청을 제공하는 몇 가지 규칙에 대해 논의할 것입니다.

1. TypeScript의 HTTP 요청은 외부 웹 서버에서 데이터를 주문하거나 가져오는 데 사용되며 수집된 데이터는 외부 웹 서버에 게시됩니다.
2. TypeScript의 HTTP 요청은 주요 기능이 fetch() 기능이므로 기능을 사용하여 프로그램에 배치됩니다.
3. TypeScript의 fetch ​​기능은 URL과 옵션이라는 두 개의 매개변수를 사용하여 기능을 실행합니다. 그 후 response 객체를 제공합니다.
4. text(), headers, json(), status 및 statusText는 모두 fetch ​​기능의 response 개체에서 제공하는 귀중한 소스입니다.
5. 옵션이 전달되면 fetch ​​기능에 대한 매개변수에서 post입니다. 우리는 그것을 사용하기 위한 몇 가지 옵션이 있습니다.

TypeScript의 모든 HTTP 요청 기능과 fetch ​​기능의 작동을 배웁니다. TypeScript에서 HTTP 요청의 예를 전달합니다.

이 예에서는 fetch ​​기능을 사용하여 웹사이트에 HTTP GET 요청 샘플을 배치하는 프로그램을 볼 수 있습니다. 웹사이트의 URL은 fetch ​​함수의 매개변수로 전달됩니다.

전체 프로그램은 매개변수에 지정된 웹사이트의 응답을 텍스트 유형으로 변환하고 출력으로 인쇄합니다.

시작 시 fetch ​​기능을 사용하기 위해 fetch ​​모듈을 로드했습니다.

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

이 단계에서는 fetch ​​기능에 대한 매개변수로 웹사이트 URL을 입력합니다.

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

그런 다음 이 함수는 웹사이트에서 데이터를 추출하여 텍스트 유형의 데이터로 변환하고 결과를 제공합니다.

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

이제 텍스트가 출력 상자로 제공됩니다.

.then(textformat => console.log(textformat))