웹소켓 테스트
‘접속’을 누를 때만 입력한 주소로 연결하고, 보내기를 누른 메시지만 전송해요. https 페이지에서는 wss://(암호화) 주소만 쓸 수 있고, localhost는 ws://도 돼요.
실시간 서버를 바로 시험하기
웹소켓(WebSocket)은 채팅, 주식 시세, 게임, 알림처럼 서버와 브라우저가 계속 연결된 채로 메시지를 주고받는 기술이에요. 서버를 만들거나 연동할 때 ‘연결은 되는지, 어떤 메시지가 오는지’ 확인하려면 클라이언트가 필요한데, 이 페이지가 그 역할을 해요. 주소를 넣고 접속하면 이 브라우저가 서버와 직접 연결하고, 보낸 메시지(↑)와 받은 메시지(↓)를 시각·크기와 함께 차례로 기록해요.
사용 방법
- 주소:
wss://는 암호화된 연결,ws://는 암호화되지 않은 연결이에요. 이 페이지는 https라서 인터넷 서버는 wss://만 접속할 수 있고, 내 컴퓨터의 개발 서버(ws://localhost:8080)는 ws://도 돼요. http(s) 주소를 넣으면 ws(s)로 바꿔 줘요. - 하위 프로토콜: 서버가 특정 프로토콜(예:
graphql-transport-ws,mqtt)을 요구하면 쉼표로 넣으세요. 서버가 고른 값이 연결 기록에 나와요. - 보내기: 글자나 JSON을 보내요. Ctrl+Enter로도 보낼 수 있고, ‘반복 보내기’로 핑(ping) 메시지를 일정 간격으로 보내 연결이 유지되는지 볼 수 있어요.
"time":0은 보낼 때마다 현재 시각으로 바뀌어요.
응답 시간과 종료 코드
메시지를 보낸 뒤 처음 받은 메시지까지의 시간을 ‘응답 시간’으로 보여 줘요(에코 서버라면 왕복 시간이에요). 연결이 끊기면 종료 코드를 풀어 줘요. 가장 흔한 1006은 서버가 없거나 주소·포트가 틀렸을 때, 인증서 문제, 방화벽 등으로 연결이 갑자기 끊긴 경우예요. 브라우저는 보안상 실패 이유를 자세히 알려 주지 않으니 개발자 도구의 네트워크 탭(WS)을 함께 보세요.
연결은 ‘접속’을 누를 때만 열고, ‘보내기’를 누른 메시지만 전송해요. 기록은 이 브라우저에만 남고 ‘기록 저장’으로 텍스트 파일로 받을 수 있어요. 시험할 때 로컬 웹소켓 에코 서버에 접속해 보내고 받은 메시지가 그대로 기록되는지 확인했어요.
참고한 자료
자주 묻는 질문
접속하자마자 1006으로 끊겨요.
주소·포트가 맞는지, 서버가 켜져 있는지, wss라면 인증서가 유효한지 확인하세요. 서버가 Origin을 검사해서 다른 사이트에서의 접속을 거부할 때도 이렇게 보일 수 있어요.
Socket.IO 서버에도 접속되나요?
Socket.IO는 웹소켓 위에 자체 규칙을 얹은 것이라 일반 웹소켓 클라이언트로는 메시지를 주고받기 어려워요. 순수 웹소켓 서버에서 쓰세요.
헤더(Authorization)를 넣을 수 있나요?
브라우저의 웹소켓은 헤더를 직접 넣을 수 없어요. 서버가 허용한다면 주소의 쿼리(?token=…)나 첫 메시지로 토큰을 보내는 방식을 써요.
함께 쓰면 좋은 도구
- API 테스트 (브라우저에서 HTTP 요청 보내기)GET·POST·PUT·PATCH·DELETE 요청을 헤더·JSON 본문과 함께 보내고 상태 코드·응답 시간·응답 헤더·본문(JSON 정리)을 확인. 보낼 내용을 미리 보여 주고, curl 명령으로 복사
- 서비스 접속 확인 (사이트 장애인지 내 인터넷 문제인지)네이버·카카오·유튜브 등 자주 쓰는 서비스가 내 기기·내 인터넷에서 접속되는지 확인
- JSON 정리 (보기 좋게 들여쓰기·검증·압축)JSON을 보기 좋게 들여쓰기, 오류 위치 표시, 한 줄 압축, 키 정렬, 문자열 이스케이프
- 포트 번호 목록 (22·80·443·3306·3389 용도 찾기)22번은 SSH, 3389는 원격 데스크톱처럼 자주 쓰는 TCP·UDP 포트 130여 개의 용도를 번호·이름으로 검색. 방화벽에서 열 때 주의할 점, 브라우저가 막는 포트, 번호 구간 설명까지
- 인터넷 속도 측정 (다운로드 속도·핑·지터)버튼 한 번으로 다운로드 속도(Mbps)·지연 시간(핑)·지터 측정, 기록 비교
- 내 IP 주소 확인 (공인 IP·IPv6)지금 인터넷에서 보이는 내 공인 IPv4·IPv6 주소, IPv6 사용 여부, 연결 종류를 버튼 한 번에 확인하고 복사