[typescript] Superagent를 이용한 인증 토큰 전송 방법

22 Dec 2023

typescript

웹 애플리케이션을 개발하다 보면 API 요청 시 인증 토큰(authentication token)을 함께 전송해야 하는 경우가 있습니다. Superagent 라이브러리를 이용하면 간편하게 인증 토큰을 API 요청 헤더에 추가할 수 있습니다.

Superagent와는 무엇인가요?

Superagent는 Node.js 및 브라우저용 HTTP 클라이언트 라이브러리로, HTTP 요청을 생성하고 응답을 다루는 데 사용됩니다. 이 라이브러리를 사용하면 API 요청을 보다 쉽게 처리할 수 있습니다.

인증 토큰을 Superagent를 이용하여 전송하는 방법

이제, Superagent를 사용하여 API 요청 헤더에 인증 토큰을 추가하는 방법을 알아보겠습니다.

node.js 프로젝트에 Superagent 설치하기
```
npm install superagent
```

API 요청에 인증 토큰 추가하기

import request from 'superagent';

const token = '인증토큰값';
const apiUrl = '요청할APIUrl';

request
    .get(apiUrl)
    .set('Authorization', `Bearer ${token}`)
    .then((res) => {
        // API 요청 성공 시 수행할 작업
    })
    .catch((err) => {
        // API 요청 실패 시 수행할 작업
    });

위의 예시에서 ‘인증토큰값’은 실제 인증 토큰 값으로 대체되어야 합니다. ‘요청할APIUrl’은 실제 API의 엔드포인트 URL로 대체되어야 합니다.

위 코드는 Superagent를 사용하여 API 요청 헤더에 “Authorization” 필드를 추가하고, 해당 필드의 값으로 ‘Bearer <인증토큰값>' 형태의 문자열을 설정하는 방법을 보여줍니다.

이제 Superagent를 사용하여 API 요청 헤더에 인증 토큰을 추가하는 방법을 알게 되었습니다. 이를 통해 안전한 API 요청을 보다 간편하게 처리할 수 있게 되었습니다.

Superagent와는 무엇인가요?

인증 토큰을 Superagent를 이용하여 전송하는 방법

참고 자료