WebSocket & SSE 테스터
브라우저에서 WebSocket과 Server-Sent Events 엔드포인트에 연결하고 모든 메시지를 실시간으로 확인하세요.
연결
쉼표로 구분하며 Sec-WebSocket-Protocol로 전송됩니다.
브라우저에서는 핸드셰이크 사용자 지정 헤더를 설정하거나 프로토콜 수준의 ping/pong 프레임을 보낼 수 없습니다. Socket.IO와 SignalR은 WebSocket 위에 자체 프로토콜을 추가합니다.
고급
예기치 않은 종료 후 대기 시간을 늘려 가며 다시 시도합니다.
메시지
타임라인
세부 정보
WebSocket & SSE 테스터란?
실시간 API를 위한 대화형 클라이언트입니다. 브라우저를 WebSocket 또는 Server-Sent Events 엔드포인트에 직접 연결하고, 텍스트·JSON·바이너리 메시지를 보내며, 모든 수신·발신 메시지와 재연결, 종료 코드를 검색 가능한 타임라인에서 확인할 수 있습니다. 프록시를 거치지 않으며 연결은 브라우저에서 입력한 엔드포인트로 직접 이루어집니다.
사용 방법
- 1.WebSocket 또는 Server-Sent Events를 선택하고 엔드포인트 URL(wss:// 또는 https://)을 입력합니다.
- 2.WebSocket은 하위 프로토콜을 추가하고, SSE는 기본 EventSource 또는 Fetch 스트림을 선택한 뒤 토큰이 필요하면 헤더를 추가합니다.
- 3.연결을 선택합니다. 상태 배지와 통계에 실시간 연결 상태가 표시됩니다.
- 4.메시지 작성기로 메시지를 보냅니다(Ctrl+Enter 또는 ⌘+Enter). 텍스트, JSON, Hex, Base64 중에서 선택할 수 있습니다.
- 5.타임라인 행을 선택하면 내용을 텍스트, JSON, hex, Base64로 확인할 수 있고, JSON 내보내기로 세션을 티켓에 첨부할 수 있습니다.
기본 EventSource와 Fetch 스트림의 차이
기본 EventSource는 브라우저 API로, 스스로 재연결하고 Last-Event-ID를 보내지만 사용자 지정 헤더를 보낼 수 없고 지정한 이름의 이벤트만 전달합니다. Fetch 스트림은 fetch를 사용해 SSE 형식의 응답을 파싱합니다. 브라우저 기본 EventSource API는 아니지만 Authorization 헤더와 POST 본문(많은 AI 스트리밍 API가 요구하는 방식)을 보낼 수 있고, HTTP 상태와 각 이벤트의 원본 줄도 보여 줍니다.
지원하지 않는 기능
- •브라우저에서는 WebSocket 핸드셰이크에 사용자 지정 헤더를 넣을 수 없습니다(URL의 토큰이나 첫 메시지를 사용하세요).
- •프로토콜 수준의 ping/pong 프레임, 원본 프레임, TCP 트래픽은 웹 페이지에서 보거나 제어할 수 없습니다.
- •Socket.IO, SignalR, STOMP는 WebSocket 위에 자체 프로토콜을 추가합니다. 디코딩된 이벤트가 아니라 원본 메시지가 표시됩니다.
- •엔드포인트가 이 사이트를 허용해야 합니다. SSE에는 CORS 헤더가 필요하고, 알 수 없는 출처를 거부하는 WebSocket 서버도 있습니다.
- •HTTPS 페이지에서는 원격 호스트로 ws:// 또는 http:// 연결을 열 수 없습니다(혼합 콘텐츠). localhost는 허용됩니다.
개인정보 보호와 제한
URL, 헤더, 메시지는 이 탭에만 남고 저장되지 않습니다. 프로토콜 탭과 보관 한도 같은 표시 설정만 기억됩니다. 타임라인은 1,000, 5,000 또는 10,000개 이벤트와 50 MB까지 보관하며 가장 오래된 것부터 삭제합니다. 메시지는 1 MB까지 보낼 수 있고, 더 큰 수신 내용은 전체 크기를 표시한 채 잘라서 보관합니다.
