← 새소식으로 돌아가기

Web Tunnel — 로컬 웹 앱을 모바일에서 바이브하게 작업하세요

로컬에서 실행 중인 웹 앱을 배포 없이 모바일이나 다른 기기에서 바로 확인하고 조작할 수 있습니다. 포트 포워딩도, ngrok도 필요 없습니다.

사용법

한 줄의 명령어로 터널을 시작하세요:

sessioncast tunnel http://localhost:3000

SessionCast가 headless Chrome을 실행하고, rrweb으로 페이지의 DOM을 캡처하여 app.sessioncast.io에서 바로 확인할 수 있게 스트리밍합니다.

보기만 하는 게 아닙니다

클릭, 스크롤, 텍스트 입력, 페이지 이동이 모두 가능합니다. 실제 앱을 사용하는 것과 동일한 경험을 제공합니다.

링크를 클릭하면 터널 브라우저가 해당 페이지로 이동하고, 새 페이지의 DOM 스냅샷이 자동으로 전송됩니다.

이렇게 활용하세요

바이브 코딩 — AI가 코드를 짜는 동안, 모바일에서 결과물을 실시간으로 확인하세요.

즉석 프리뷰 — 로컬 변경사항을 배포 없이 바로 확인. 커밋하기 전에 모바일에서 먼저 체크.

QA 테스트 — 로컬 개발 빌드를 다른 기기에서 직접 조작하며 테스트할 수 있습니다.

데모 — 배포 전에 stakeholder에게 기능을 즉시 시연하세요.

터널 옵션

  • --width — 뷰포트 너비 (기본값: 1280)
  • --height — 뷰포트 높이 (기본값: 720)
  • --debug — 디버그 로그 출력 (기본값: false)

보안

네비게이션은 localhost127.0.0.1으로만 제한됩니다. 터널 브라우저는 외부 웹사이트에 접근할 수 없습니다.


설치 또는 업데이트:

npm install -g sessioncast-cli@2.3.1
불러오는 중...