API Tester는 이미 있는 페이지의 컨텍스트에서 실행되는 REST, GraphQL 및 WebSocket 호출을 위한 내장 HTTP 클라이언트입니다. 따라서 별도의 앱에 복사할 토큰 없이 쿠키, 세션 및 원본이 자동으로 적용됩니다.
API를 테스트한다는 것은 일반적으로 브라우저를 떠나는 것을 의미합니다. Postman 또는 Insomnia를 연 다음 브라우저에 이미 있는 세션 쿠키, 전달자 토큰, 올바른 출처, CSRF 헤더 등을 다시 만드는 데 5분을 소비합니다. 요청이 준비될 때쯤에는 버그가 있는 컨텍스트와 다른 컨텍스트를 테스트하게 됩니다.
API 테스터는 해당 단계를 제거합니다. 이는 귀하가 보고 있는 페이지 내부에서 페이지 자체로 요청을 보내므로 귀하가 로그인한 계정이 무엇이든 요청이 로그인된 계정입니다. 쿠키가 함께 이동하기 때문에 자체 관리 엔드포인트에 대한 GET이 즉시 작동합니다. 구성할 것도 없고 동기화할 것도 없습니다.
REST 탭은 메소드, 절대 또는 상대 URL, 한 줄에 하나씩 작성된 헤더 및 본문을 제공합니다. 응답은 상태, 걸린 시간, 크기, 보기 좋게 인쇄된 JSON 및 전체 응답 헤더와 함께 반환됩니다. GraphQL 탭은 엔드포인트, 쿼리 및 변수를 사용하여 요청을 작성하고 HTTP 상태가 200임에도 불구하고 응답에 GraphQL 오류가 포함된 경우 이를 알려줍니다. WebSocket 탭은 실제 연결을 열고 사용자가 입력한 프레임을 전송하며 타임스탬프와 함께 양방향으로 모든 것을 기록합니다.
페이지의 자체 콘텐츠 보안 정책 또는 CORS 규칙이 호출을 차단하는 경우 하나의 스위치가 대신 확장 프로그램에서 동일한 요청을 다시 보내는데, 이는 둘 다 적용되지 않습니다. 이는 동일한 요청, 두 개의 컨텍스트, 두 개의 답변 등 브라우저 정책 문제와 별도로 서버 문제를 빠르게 구분할 수 있는 방법을 제공합니다. 최근 25개의 요청이 보관되므로 클릭 한 번으로 어제 시도한 요청으로 돌아갈 수 있습니다.
방법을 선택하고 절대 또는 상대 URL을 입력하고 이름: 값으로 한 줄에 하나씩 헤더를 작성합니다. 상대 URL은 현재 페이지에 대해 확인되므로 /api/users가 작동합니다.
요청은 쿠키, 원본 및 세션을 전달하면서 페이지 자체 컨텍스트에서 나갑니다. 인증된 엔드포인트는 토큰 복사 없이 앱에서와 마찬가지로 정확하게 응답합니다.
엔드포인트, 쿼리 및 JSON 변수를 입력하세요. 올바른 POST 본문이 만들어졌습니다. 200 응답 내에서 반환된 GraphQL 오류는 숨겨지지 않고 계산되고 플래그가 지정됩니다.
ws:// 또는 wss:// 연결을 열고, 프레임을 전송하고, 읽기 전용 캡처뿐만 아니라 타임스탬프, 크기 및 연결 상태와 함께 양방향으로 모든 프레임을 감시합니다.
Pretty, Raw 및 Headers 보기를 통해 상태, 타이밍 및 전송 크기를 미리 확인할 수 있습니다. JSON은 자동으로 형식화되며 한 번의 클릭으로 무엇이든 복사할 수 있습니다.
페이지의 CSP 또는 CORS 규칙이 호출을 차단하는 경우 실행을 확장으로 전환하고 페이지 외부에서 동일한 요청을 보냅니다. 이는 브라우저 정책에서 서버 오류를 즉시 분리하는 방법입니다.
쿠키를 내보내거나 토큰을 생성하지 않고 인증된 세션이 필요한 엔드포인트에 도달합니다. 귀하는 이미 해당 탭에 로그인되어 있으며 요청은 귀하와 함께 나갑니다.
정확히 실패한 요청을 보내고, 응답 헤더를 검사한 다음, Authorization 헤더를 한 문자씩 변경하여 다시 보내면 서버가 무엇에 반대하는지 정확하게 확인할 수 있습니다.
라이브 엔드포인트에 대해 실제 변수가 포함된 쿼리를 실행하고 형식이 지정된 결과를 읽은 후 이를 사용하는 프런트엔드 코드를 작성하세요.
소켓에 연결하고, 구독 프레임을 보내고, 메시지 형식을 확인하는 동안 서버가 실시간으로 푸시백하는 내용을 확인하세요.
실패한 요청과 응답을 캡처하고 복사한 다음 문제에 전체 그림을 붙여넣어 문제를 찾는 사람이 추측할 필요가 없도록 합니다.
DevSuite Pro 도크에서 API 테스터 아이콘을 클릭합니다. 현재 사이트의 출처가 미리 입력되어 있는 REST, GraphQL, WebSocket 및 기록 탭이 포함된 패널이 열립니다.
방법을 선택하고 URL(전체 또는 /api/orders와 같은 상대)을 입력하세요. 헤더를 한 줄에 하나씩 추가하고(Content-Type: application/json) 메서드에서 본문을 사용하는 경우 본문을 붙여넣습니다.
보내기 또는 Ctrl+Enter(Mac에서는 Cmd+Enter)를 누릅니다. 요청이 페이지에서 나가므로 해당 탭에 있는 사용자로 로그인 상태가 유지됩니다.
상태 알약, 타이밍 및 크기가 즉시 나타납니다. Pretty, Raw 및 Headers 사이를 전환하고 복사하세요. 페이지의 CSP가 호출을 차단한 경우 실행을 확장으로 전환하고 다시 보냅니다.
모든 요청은 상태와 함께 기록에 저장됩니다. 항목을 클릭하면 메소드, URL, 헤더 및 본문이 양식에 바로 로드됩니다.
