{"title":"Browser Proxy","slug":"browser","category":"api","summary":"Layanan otomasi browser — container Docker terpisah pada port 13000 untuk kontrol browser headless.","audience":["human","llm"],"tags":["api","browser","automation","playwright"],"difficulty":"advanced","updated":"2026-06-27","word_count":211,"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":"id","translated":true,"requested_lang":"id","content_markdown":"\n# Browser Proxy\n\nBrowser Proxy adalah **layanan Docker terpisah** yang menyediakan otomasi\nbrowser headless melalui Playwright. Layanan ini BUKAN bagian langsung dari API\nSynapse — endpoint Synapse tidak menyertakan path `/browser/*`.\n\n## Arsitektur\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## Metode Akses\n\n### Metode 1: Melalui Synapse MCP Server (disarankan)\n\nSynapse MCP server mengekspos alat browser sebagai alat MCP. Gunakan ini untuk\notomasi browser berbasis 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\nAlat browser MCP yang tersedia:\n\n- `browser_new` — membuka tab browser baru\n- `browser_navigate` — menavigasi ke URL\n- `browser_click` — mengklik elemen\n- `browser_type` — mengetik teks ke dalam field\n- `browser_screenshot` — menangkap tangkapan layar\n- `browser_close` — menutup tab\n- (dan lainnya — lihat [Integrasi MCP](/docs/mcp/what-is-mcp))\n\n### Metode 2: Akses Browser Proxy Langsung\n\nUntuk integrasi non-MCP, hubungkan langsung ke layanan browser-proxy:\n\n```bash\n# Health check\ncurl http://browser-proxy.schaefer.zone:13000/health\n\n# Membuka halaman\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## Kasus Penggunaan Umum\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### Otomasi form\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### Tangkapan tangkapan layar\n\n```python\n# Via MCP\n\"Take a screenshot of https://example.com and save it.\"\n```\n\n## Layanan Terkait\n\n| Layanan | Port | Tujuan |\n|---------|------|---------|\n| Synapse API | 12800 | Memori, chat, tugas |\n| Synapse MCP | 13100 | MCP server (79 alat) |\n| Browser Proxy | 13000 | Otomasi browser headless |\n| SSH Proxy | 12900 | Akses SSH ke mesin remote |\n\n## Langkah Berikutnya\n\n- [Integrasi MCP](/docs/mcp/what-is-mcp) — cara menggunakan alat browser via MCP\n- [Computer Control API](/docs/api/computers) — untuk otomasi GUI pada mesin terdaftar\n","content_html":"<h1>Browser Proxy</h1>\n<p>Browser Proxy adalah <strong>layanan Docker terpisah</strong> yang menyediakan otomasi\nbrowser headless melalui Playwright. Layanan ini BUKAN bagian langsung dari API\nSynapse — endpoint Synapse tidak menyertakan path <code>/browser/*</code>.</p>\n<h2>Arsitektur</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>Metode Akses</h2>\n<h3>Metode 1: Melalui Synapse MCP Server (disarankan)</h3>\n<p>Synapse MCP server mengekspos alat browser sebagai alat MCP. Gunakan ini untuk\notomasi browser berbasis 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>Alat browser MCP yang tersedia:</p>\n<ul>\n<li><code>browser_new</code> — membuka tab browser baru</li>\n<li><code>browser_navigate</code> — menavigasi ke URL</li>\n<li><code>browser_click</code> — mengklik elemen</li>\n<li><code>browser_type</code> — mengetik teks ke dalam field</li>\n<li><code>browser_screenshot</code> — menangkap tangkapan layar</li>\n<li><code>browser_close</code> — menutup tab</li>\n<li>(dan lainnya — lihat <a href=\"/docs/mcp/what-is-mcp\">Integrasi MCP</a>)</li>\n</ul>\n<h3>Metode 2: Akses Browser Proxy Langsung</h3>\n<p>Untuk integrasi non-MCP, hubungkan langsung ke layanan 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\"># Membuka halaman</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>Kasus Penggunaan Umum</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>Otomasi form</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>Tangkapan tangkapan layar</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>Layanan Terkait</h2>\n<table>\n<thead>\n<tr>\n<th>Layanan</th>\n<th>Port</th>\n<th>Tujuan</th>\n</tr>\n</thead>\n<tbody><tr>\n<td>Synapse API</td>\n<td>12800</td>\n<td>Memori, chat, tugas</td>\n</tr>\n<tr>\n<td>Synapse MCP</td>\n<td>13100</td>\n<td>MCP server (79 alat)</td>\n</tr>\n<tr>\n<td>Browser Proxy</td>\n<td>13000</td>\n<td>Otomasi browser headless</td>\n</tr>\n<tr>\n<td>SSH Proxy</td>\n<td>12900</td>\n<td>Akses SSH ke mesin remote</td>\n</tr>\n</tbody></table>\n<h2>Langkah Berikutnya</h2>\n<ul>\n<li><a href=\"/docs/mcp/what-is-mcp\">Integrasi MCP</a> — cara menggunakan alat browser via MCP</li>\n<li><a href=\"/docs/api/computers\">Computer Control API</a> — untuk otomasi GUI pada mesin terdaftar</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"]}