{"title":"Browser Proxy","slug":"browser","category":"api","summary":"บริการ browser automation — Docker container แยกต่างหากบน port 13000 สำหรับควบคุม headless browser","audience":["human","llm"],"tags":["api","browser","automation","playwright"],"difficulty":"advanced","updated":"2026-06-27","word_count":185,"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":"th","translated":true,"requested_lang":"th","content_markdown":"\n# Browser Proxy\n\nBrowser Proxy เป็น **Docker service แยกต่างหาก** ที่ให้บริการ headless browser automation ผ่าน Playwright โดยไม่ได้เป็นส่วนหนึ่งของ Synapse API โดยตรง — endpoint ของ Synapse ไม่มีพาธ `/browser/*`\n\n## Architecture\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 Server (แนะนำ)\n\nSynapse MCP server เปิดเผย browser tools เป็น MCP tools ใช้สำหรับ browser automation ที่ขับเคลื่อนด้วย LLM:\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\nMCP browser tools ที่ใช้ได้:\n\n- `browser_new` — เปิด browser tab ใหม่\n- `browser_navigate` — นำทางไปยัง URL\n- `browser_click` — คลิกที่ element\n- `browser_type` — พิมพ์ข้อความลงใน field\n- `browser_screenshot` — จับภาพ screenshot\n- `browser_close` — ปิด tab\n- (และอีกมาก — ดู [MCP integration](/docs/mcp/what-is-mcp))\n\n### วิธีที่ 2: เข้าถึง Browser Proxy โดยตรง\n\nสำหรับการผสานรวมที่ไม่ใช่ MCP ให้เชื่อมต่อกับ browser-proxy service โดยตรง:\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### Web scraping\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### Form automation\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### Screenshot capture\n\n```python\n# Via MCP\n\"Take a screenshot of https://example.com and save it.\"\n```\n\n## Services ที่เกี่ยวข้อง\n\n| Service | Port | วัตถุประสงค์ |\n|---------|------|---------|\n| Synapse API | 12800 | Memory, chat, tasks |\n| Synapse MCP | 13100 | MCP server (79 tools) |\n| Browser Proxy | 13000 | Headless browser automation |\n| SSH Proxy | 12900 | SSH access to remote machines |\n\n## ขั้นตอนถัดไป\n\n- [MCP Integration](/docs/mcp/what-is-mcp) — วิธีใช้ browser tools ผ่าน MCP\n- [Computer Control API](/docs/api/computers) — สำหรับ GUI automation บนเครื่องที่ลงทะเบียน\n","content_html":"<h1>Browser Proxy</h1>\n<p>Browser Proxy เป็น <strong>Docker service แยกต่างหาก</strong> ที่ให้บริการ headless browser automation ผ่าน Playwright โดยไม่ได้เป็นส่วนหนึ่งของ Synapse API โดยตรง — endpoint ของ Synapse ไม่มีพาธ <code>/browser/*</code></p>\n<h2>Architecture</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 Server (แนะนำ)</h3>\n<p>Synapse MCP server เปิดเผย browser tools เป็น MCP tools ใช้สำหรับ browser automation ที่ขับเคลื่อนด้วย LLM:</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 browser tools ที่ใช้ได้:</p>\n<ul>\n<li><code>browser_new</code> — เปิด browser tab ใหม่</li>\n<li><code>browser_navigate</code> — นำทางไปยัง URL</li>\n<li><code>browser_click</code> — คลิกที่ element</li>\n<li><code>browser_type</code> — พิมพ์ข้อความลงใน field</li>\n<li><code>browser_screenshot</code> — จับภาพ screenshot</li>\n<li><code>browser_close</code> — ปิด tab</li>\n<li>(และอีกมาก — ดู <a href=\"/docs/mcp/what-is-mcp\">MCP integration</a>)</li>\n</ul>\n<h3>วิธีที่ 2: เข้าถึง Browser Proxy โดยตรง</h3>\n<p>สำหรับการผสานรวมที่ไม่ใช่ MCP ให้เชื่อมต่อกับ browser-proxy service โดยตรง:</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>Web scraping</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>Form automation</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>Screenshot capture</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>Services ที่เกี่ยวข้อง</h2>\n<table>\n<thead>\n<tr>\n<th>Service</th>\n<th>Port</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 server (79 tools)</td>\n</tr>\n<tr>\n<td>Browser Proxy</td>\n<td>13000</td>\n<td>Headless browser automation</td>\n</tr>\n<tr>\n<td>SSH Proxy</td>\n<td>12900</td>\n<td>SSH access to remote machines</td>\n</tr>\n</tbody></table>\n<h2>ขั้นตอนถัดไป</h2>\n<ul>\n<li><a href=\"/docs/mcp/what-is-mcp\">MCP Integration</a> — วิธีใช้ browser tools ผ่าน MCP</li>\n<li><a href=\"/docs/api/computers\">Computer Control API</a> — สำหรับ GUI automation บนเครื่องที่ลงทะเบียน</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"]}