HTTP 요청 검사기 - HTTP 요청을 캡처하고 검사합니다.

소개

대부분의 경우 개발자로서 HTTP 요청을 캡처하고 검사하기를 원할 것입니다. 이것은 웹 개발에서 일반적인 작업입니다. HTTP 요청 검사기는 이를 수행하는 데 도움이 되는 도구입니다.

일상적인 사용 사례는 엔드포인트를 웹훅으로 사용하여 타사 서비스(예: Stripe)에서 HTTP 요청을 수신하는 것입니다.

HTTP Request Inspector는 오픈 소스이며 직접 호스팅할 수 있습니다. 이를 통해 서버에서 HTTP 요청 검사기를 호스팅할 수 있으며 엔드포인트로 보내는 내용을 타사 서버와 공유하지 않습니다.

특징

다음은 HTTP 요청 검사기의 일부 기능입니다.

HTTP 끝점 만들기

다양한 HTTP 메서드(GET, POST, PUT, DELETE 및 PATCH)를 수신하는 HTTP 엔드포인트를 생성할 수 있습니다. 원하는 만큼 엔드포인트를 생성할 수 있습니다.

HTTP 요청 캡처 및 검사

끝점을 만든 후에는 HTTP 요청을 캡처하고 검사할 수 있습니다. 예를 들어 엔드포인트에 요청을 보내면 도구가 요청 본문, 쿠키 및 헤더를 캡처하고 표시합니다.

코드 복사 및 붙여넣기

이 도구는 각 끝점에 대해 서로 다른 언어로 HTTP 요청을 만드는 코드를 표시합니다. 샘플 코드를 복사하여 코드에 붙여넣을 수 있습니다.

사용자 계정 만들기

도구를 사용하기 위해 계정을 만들 수 있습니다. 사용자 계정을 사용하면 끝점과 캡처된 요청을 저장할 수 있습니다. 인증은 Supabase에서 제공하며 이메일/비밀번호 및 GitHub를 사용한 인증을 지원합니다.

사용된 기술

다음 기술을 사용하여 HTTP 요청 검사기를 만들었습니다.

프레임워크 및 도구

Next.js

프리즈마

타입스크립트

테일윈드 CSS

ESLint

이뻐요

허스키

인프라

Vercel에 배포됨

PlanetScale의 데이터베이스

Vercel에 배포

Vercel에 배포하는 것이 가장 쉽습니다. 먼저 README에서 배포 버튼을 클릭하고 Vercel 배포 마법사의 지침을 따릅니다.

컴퓨터에 설치

git clone https://github.com/devkiran/http-request-inspector

cd http-request-inspector

npm install

cp .env.example .env

자격 증명으로 .env 파일을 업데이트합니다.

NEXT_PUBLIC_APP_URL=http://localhost:3000

DATABASE_URL="<PlanetScale database connection URL>"

NEXT_PUBLIC_SUPABASE_URL=<Supabase URL>
NEXT_PUBLIC_SUPABASE_ANON_KEY=<Supabase Anon Key>

npm run dev

결과를 보려면 브라우저에서 http://localhost:3000을 여십시오.

연결

Github

Website