{"title":"Browser Proxy","slug":"browser","category":"api","summary":"브라우저 자동화 서비스 — 헤드리스 브라우저 제어를 위한 별도의 Docker 컨테이너 (포트 13000).","audience":["human","llm"],"tags":["api","browser","automation","playwright"],"difficulty":"advanced","updated":"2026-06-27","word_count":196,"read_minutes":1,"llm_context":"Browser Proxy is a SEPARATE Docker service (port 13000), NOT a Synapse endpoint.\nSynapse endpoints do NOT include /browser/* paths.\nFor browser automation, use the MCP browser_new tool OR connect to the browser-proxy service directly.\nSynapse MCP exposes browser tools (browser_new, browser_navigate, browser_click, etc.)\n","lang":"ko","translated":true,"requested_lang":"ko","content_markdown":"\n# Browser Proxy\n\nBrowser Proxy는 Playwright를 통해 헤드리스 브라우저 자동화를 제공하는\n**별도의 Docker 서비스**입니다. 이것은 Synapse API의 직접적인 부분이\n아닙니다 — Synapse 엔드포인트에는 `/browser/*` 경로가 포함되지 않습니다.\n\n## 아키텍처\n\n```\n┌──────────────┐                ┌──────────────────┐\n│  Synapse API │                │  Browser Proxy   │\n│  port 12800  │                │  port 13000      │\n│              │                │  (Playwright)    │\n└──────────────┘                └──────────────────┘\n       ▲                                ▲\n       │                                │\n       └──────────┌─────────────┐──────┘\n                  │  MCP Server │\n                  │  port 13100 │\n                  └─────────────┘\n```\n\n## 접근 방법\n\n### 방법 1: Synapse MCP 서버 경유 (권장)\n\nSynapse MCP 서버는 브라우저 도구를 MCP 도구로 노출합니다. LLM 기반\n브라우저 자동화에 사용하십시오:\n\n```json\n// Claude Desktop config\n{\n  \"mcpServers\": {\n    \"synapse\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"synapse-mcp-api@latest\"],\n      \"env\": {\n        \"SYNAPSE_MIND_KEY\": \"mk_...\",\n        \"SYNAPSE_URL\": \"https://synapse.schaefer.zone\"\n      }\n    }\n  }\n}\n```\n\n사용 가능한 MCP 브라우저 도구:\n\n- `browser_new` — 새 브라우저 탭 열기\n- `browser_navigate` — URL로 이동\n- `browser_click` — 요소 클릭\n- `browser_type` — 필드에 텍스트 입력\n- `browser_screenshot` — 스크린샷 캡처\n- `browser_close` — 탭 닫기\n- (그 외 다수 — [MCP 통합](/docs/mcp/what-is-mcp) 참조)\n\n### 방법 2: Browser Proxy 직접 접근\n\nMCP가 아닌 통합의 경우, browser-proxy 서비스에 직접 연결하십시오:\n\n```bash\n# Health check\ncurl http://browser-proxy.schaefer.zone:13000/health\n\n# Open a page\ncurl -X POST http://browser-proxy.schaefer.zone:13000/navigate \\\n  -H \"Content-Type: application/json\" \\\n  -d '{\"url\": \"https://example.com\"}'\n```\n\n## 일반적인 사용 사례\n\n### 웹 스크래핑\n\n```python\n# Via MCP (Claude Desktop)\n\"Use browser_navigate to open https://news.ycombinator.com, \n then extract the top 10 story titles.\"\n```\n\n### 폼 자동화\n\n```python\n# Via MCP\n\"Use browser_navigate to open the login page,\n browser_type to fill username and password,\n browser_click to submit the form.\"\n```\n\n### 스크린샷 캡처\n\n```python\n# Via MCP\n\"Take a screenshot of https://example.com and save it.\"\n```\n\n## 관련 서비스\n\n| 서비스 | 포트 | 용도 |\n|---------|------|---------|\n| Synapse API | 12800 | Memory, chat, tasks |\n| Synapse MCP | 13100 | MCP 서버 (79개 도구) |\n| Browser Proxy | 13000 | 헤드리스 브라우저 자동화 |\n| SSH Proxy | 12900 | 원격 머신 SSH 접근 |\n\n## 다음 단계\n\n- [MCP 통합](/docs/mcp/what-is-mcp) — MCP를 통해 브라우저 도구를 사용하는 방법\n- [Computer Control API](/docs/api/computers) — 등록된 머신에서의 GUI 자동화용\n","content_html":"<h1>Browser Proxy</h1>\n<p>Browser Proxy는 Playwright를 통해 헤드리스 브라우저 자동화를 제공하는\n<strong>별도의 Docker 서비스</strong>입니다. 이것은 Synapse API의 직접적인 부분이\n아닙니다 — Synapse 엔드포인트에는 <code>/browser/*</code> 경로가 포함되지 않습니다.</p>\n<h2>아키텍처</h2>\n<pre><code class=\"hljs language-plaintext\">┌──────────────┐                ┌──────────────────┐\n│  Synapse API │                │  Browser Proxy   │\n│  port 12800  │                │  port 13000      │\n│              │                │  (Playwright)    │\n└──────────────┘                └──────────────────┘\n       ▲                                ▲\n       │                                │\n       └──────────┌─────────────┐──────┘\n                  │  MCP Server │\n                  │  port 13100 │\n                  └─────────────┘</code></pre><h2>접근 방법</h2>\n<h3>방법 1: Synapse MCP 서버 경유 (권장)</h3>\n<p>Synapse MCP 서버는 브라우저 도구를 MCP 도구로 노출합니다. LLM 기반\n브라우저 자동화에 사용하십시오:</p>\n<pre><code class=\"hljs language-json\"><span class=\"hljs-comment\">// Claude Desktop config</span>\n<span class=\"hljs-punctuation\">{</span>\n  <span class=\"hljs-attr\">&quot;mcpServers&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-punctuation\">{</span>\n    <span class=\"hljs-attr\">&quot;synapse&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-punctuation\">{</span>\n      <span class=\"hljs-attr\">&quot;command&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-string\">&quot;npx&quot;</span><span class=\"hljs-punctuation\">,</span>\n      <span class=\"hljs-attr\">&quot;args&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-punctuation\">[</span><span class=\"hljs-string\">&quot;-y&quot;</span><span class=\"hljs-punctuation\">,</span> <span class=\"hljs-string\">&quot;synapse-mcp-api@latest&quot;</span><span class=\"hljs-punctuation\">]</span><span class=\"hljs-punctuation\">,</span>\n      <span class=\"hljs-attr\">&quot;env&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-punctuation\">{</span>\n        <span class=\"hljs-attr\">&quot;SYNAPSE_MIND_KEY&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-string\">&quot;mk_...&quot;</span><span class=\"hljs-punctuation\">,</span>\n        <span class=\"hljs-attr\">&quot;SYNAPSE_URL&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-string\">&quot;https://synapse.schaefer.zone&quot;</span>\n      <span class=\"hljs-punctuation\">}</span>\n    <span class=\"hljs-punctuation\">}</span>\n  <span class=\"hljs-punctuation\">}</span>\n<span class=\"hljs-punctuation\">}</span></code></pre><p>사용 가능한 MCP 브라우저 도구:</p>\n<ul>\n<li><code>browser_new</code> — 새 브라우저 탭 열기</li>\n<li><code>browser_navigate</code> — URL로 이동</li>\n<li><code>browser_click</code> — 요소 클릭</li>\n<li><code>browser_type</code> — 필드에 텍스트 입력</li>\n<li><code>browser_screenshot</code> — 스크린샷 캡처</li>\n<li><code>browser_close</code> — 탭 닫기</li>\n<li>(그 외 다수 — <a href=\"/docs/mcp/what-is-mcp\">MCP 통합</a> 참조)</li>\n</ul>\n<h3>방법 2: Browser Proxy 직접 접근</h3>\n<p>MCP가 아닌 통합의 경우, browser-proxy 서비스에 직접 연결하십시오:</p>\n<pre><code class=\"hljs language-bash\"><span class=\"hljs-comment\"># Health check</span>\ncurl http://browser-proxy.schaefer.zone:13000/health\n\n<span class=\"hljs-comment\"># Open a page</span>\ncurl -X POST http://browser-proxy.schaefer.zone:13000/navigate \\\n  -H <span class=\"hljs-string\">&quot;Content-Type: application/json&quot;</span> \\\n  -d <span class=\"hljs-string\">&#x27;{&quot;url&quot;: &quot;https://example.com&quot;}&#x27;</span></code></pre><h2>일반적인 사용 사례</h2>\n<h3>웹 스크래핑</h3>\n<pre><code class=\"hljs language-python\"><span class=\"hljs-comment\"># Via MCP (Claude Desktop)</span>\n<span class=\"hljs-string\">&quot;Use browser_navigate to open https://news.ycombinator.com, \n then extract the top 10 story titles.&quot;</span></code></pre><h3>폼 자동화</h3>\n<pre><code class=\"hljs language-python\"><span class=\"hljs-comment\"># Via MCP</span>\n<span class=\"hljs-string\">&quot;Use browser_navigate to open the login page,\n browser_type to fill username and password,\n browser_click to submit the form.&quot;</span></code></pre><h3>스크린샷 캡처</h3>\n<pre><code class=\"hljs language-python\"><span class=\"hljs-comment\"># Via MCP</span>\n<span class=\"hljs-string\">&quot;Take a screenshot of https://example.com and save it.&quot;</span></code></pre><h2>관련 서비스</h2>\n<table>\n<thead>\n<tr>\n<th>서비스</th>\n<th>포트</th>\n<th>용도</th>\n</tr>\n</thead>\n<tbody><tr>\n<td>Synapse API</td>\n<td>12800</td>\n<td>Memory, chat, tasks</td>\n</tr>\n<tr>\n<td>Synapse MCP</td>\n<td>13100</td>\n<td>MCP 서버 (79개 도구)</td>\n</tr>\n<tr>\n<td>Browser Proxy</td>\n<td>13000</td>\n<td>헤드리스 브라우저 자동화</td>\n</tr>\n<tr>\n<td>SSH Proxy</td>\n<td>12900</td>\n<td>원격 머신 SSH 접근</td>\n</tr>\n</tbody></table>\n<h2>다음 단계</h2>\n<ul>\n<li><a href=\"/docs/mcp/what-is-mcp\">MCP 통합</a> — MCP를 통해 브라우저 도구를 사용하는 방법</li>\n<li><a href=\"/docs/api/computers\">Computer Control API</a> — 등록된 머신에서의 GUI 자동화용</li>\n</ul>\n","urls":{"html":"/docs/api/browser","text":"/docs/api/browser?format=text","json":"/docs/api/browser?format=json","llm":"/docs/api/browser?format=llm"},"translations_available":["en","zh","hi","es","fr","ar","pt","ru","ja","de","it","ko","nl","pl","tr","sv","vi","th","id","uk"]}