ACP UI가 Web Client를 지원합니다! 브라우저에서 원격 ACP 에이전트에 연결.
발행: (2026년 5월 3일 PM 06:23 GMT+9)
3 분 소요
원문: Dev.to
Source: Dev.to
Overview
ACP UI 사이드 프로젝트에 대한 빠른 업데이트: 이제 UI가 모든 웹 브라우저에서 직접 작동합니다. 설치도, 앱 스토어도 필요 없습니다—URL만 열면 WebSocket을 통해 원격 ACP‑호환 에이전트에 연결할 수 있습니다.
URL:
Features
- ACP와 호환되는 모든 에이전트에 연결 (Copilot, Claude Code, Codex, Gemini, Qwen, Auggie, Qoder, OpenCode, OpenClaw 등).
- 데스크톱 브라우저, 모바일 브라우저, 네이티브 데스크톱 앱, iOS, Android 등에서 동일한 UI 사용.
ws://(LAN)와wss://(anywhere) 연결 모두 지원.- 다중 세션 관리, 에이전트 모드 전환, 모델 선택, 툴 호출을 실시간으로 확인.
- 디버깅을 위해 원시 ACP 프로토콜을 확인할 수 있는 내장 트래픽 모니터.
$ /ping하트비트가 NAT 및 프록시 유휴 타임아웃을 넘어 WebSocket을 유지.
Platforms
| Platform | Availability |
|---|---|
| Web | |
| Desktop | Windows, macOS (Apple Silicon + Intel), Linux (x64 + ARM64) |
| Mobile | Android (APK on Releases), iOS (build from source) |
One client, six platforms—same chat, same sessions, same agents.
Connection Options
호스팅된 사이트가 HTTPS를 사용하기 때문에 브라우저는 일반 ws:// 연결을 차단합니다(혼합 콘텐츠 규칙). 다음 중 하나를 선택하세요:
- Easy (secure) – 로컬 에이전트를
wss://URL로 앞에 두세요. Microsoft Dev Tunnels가 무료 보안 터널을 제공합니다. - LAN‑only – 저장소를 클론하고 로컬에서
npm run preview:web을 실행하세요. 그런 다음ws://<host>:3000/으로 연결합니다.
두 흐름 모두 저장소에 문서화되어 있습니다.
Architecture
UI는 Vue로 구축되었습니다. 동일한 프런트엔드 코드를 다음 환경에서 재사용합니다:
- Web – 일반 브라우저 탭에서 실행됩니다.
- Desktop – Tauri로 패키징되어 네이티브 셸과 시스템 WebView를 제공합니다.
- Mobile – WKWebView(iOS) 또는 Android WebView를 사용합니다.
웹 빌드는 로컬‑서브프로세스 코드 경로를 제외하고 원격 에이전트와는 전적으로 WebSocket을 통해 통신합니다.
Source Code
- GitHub (MIT License):
Issues, pull requests, and stars are very welcome. Have fun connecting to your favorite agent from literally anywhere!