Integrace BrowserStack MCP Serveru

K čemu slouží “BrowserStack” MCP Server?

BrowserStack MCP Server je server Model Context Protocol (MCP), který propojuje AI asistenty a vývojářské nástroje přímo s cloudovou testovací infrastrukturou BrowserStack. Umožňuje vývojářům a testerům automatizovat, spravovat a komunikovat s cloudem reálných zařízení a prohlížečů BrowserStack přímo z jejich oblíbených AI workflow. Server umožňuje úkoly jako spouštění manuálních i automatizovaných testů na reálných zařízeních, ladění pádů aplikací, testování webů napříč prohlížeči a integraci pokročilých profilovacích funkcí aplikací — to vše pomocí standardizovaných MCP nástrojů a promptů. Díky propojení AI asistentů se silnou testovací platformou BrowserStack usnadňuje testování, zlepšuje ladění a urychluje vývojové workflow pro manuální testery i inženýry automatizace.

Seznam promptů

• “open my app on a iPhone 15 Pro Max”
  Spustí vaši mobilní aplikaci na konkrétním reálném zařízení v cloudu BrowserStack.
• “My app crashed on Android 14 device, can you help me debug?”
  Spustí ladění a diagnostiku pádu aplikace na konkrétním zařízení a verzi OS.
• “open my website hosted on localhost:3001 on Edge”
  Otevře lokální web na reálném prohlížeči/zařízení v infrastruktuře BrowserStack.

Seznam zdrojů

• Device Grid Resource
  Poskytuje přístup k úplnému seznamu dostupných reálných zařízení a kombinací prohlížeč/OS v cloudu BrowserStack.
• App Profiling Data
  Dodává metriky výkonu a profilování aplikace ze skutečných testovacích relací.
• Test Session Artifacts
  Zpřístupňuje logy, screenshoty a videa vzniklá během testování pro další analýzu.
• Device & Browser Documentation
  Nabízí odkazy na dokumentaci k dostupným zařízením, verzím OS a podporovaným prohlížečům.

Seznam nástrojů

V dostupné dokumentaci nebo ve stromu kódu není uveden přímý seznam nástrojů (například ze server.py).

Příklady využití MCP serveru

• Manuální testování aplikací
  Okamžitě otevřete a pracujte s mobilními aplikacemi na široké škále reálných zařízení, což testerům umožňuje simulovat a ladit reálné scénáře bez emulátorů.
• Ladění pádů aplikací
  Využijte profilovací a diagnostické nástroje pro analýzu a řešení pádů aplikací na specifických kombinacích zařízení/OS v cloudu BrowserStack.
• Manuální webové testování
  Testujte weby na reálných prohlížečích a zařízeních, včetně těch hostovaných lokálně, a zajistěte kompatibilitu napříč prohlížeči bez nutnosti instalovat prohlížeče lokálně.
• Automatizovaná integrace testů
  Integrujte mřížku zařízení a prohlížečů BrowserStack do automatizovaných QA procesů a umožněte kontinuální testování v rámci CI/CD pipeline.
• Komplexní pokrytí zařízení
  Využijte kompletní škálu aktuálních zařízení a prohlížečů, včetně nově vydaného hardwaru hned v den uvedení, pro rozšíření a modernizaci testovacího pokrytí.

Jak jej nastavit

Windsurf

1. Ujistěte se, že máte v systému nainstalovaný Node.js.
2. Najděte konfigurační soubor Windsurf.
3. Přidejte BrowserStack MCP Server do objektu mcpServers pomocí následujícího JSON úryvku:

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. Uložte konfiguraci a restartujte Windsurf.
5. Ověřte nastavení tím, že zjistíte, zda server běží a je dostupný.

Claude

1. Nainstalujte Node.js, pokud již není přítomen.
2. Otevřete integrační/nastavení konfigurace Claude.
3. Přidejte BrowserStack MCP Server následovně:

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. Uložte změny a restartujte Claude.
5. Potvrďte, že je MCP server dostupný z panelu nástrojů Claude.

Cursor

1. Potvrďte, že je Node.js nainstalován.
2. Upravte konfiguraci mcpServers v Cursoru.
3. Vložte:

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. Restartujte Cursor, aby se nová konfigurace serveru projevila.
5. Otestujte integraci zadáním promptu a ověřte, že se zobrazují možnosti BrowserStack.

Cline

1. Předpoklad: Node.js by měl být nainstalován.
2. Najděte konfigurační soubory Cline.
3. Přidejte MCP server:

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. Uložte a restartujte Cline.
5. Zkontrolujte v UI Cline možnost testování přes BrowserStack.

Zabezpečení API klíčů

Pro zajištění bezpečnosti vašich API klíčů BrowserStack používejte proměnné prostředí:

{
  "mcpServers": {
    "browserstack-mcp": {
      "command": "npx",
      "args": ["@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_API_KEY": "${BROWSERSTACK_API_KEY}"
      },
      "inputs": {
        "apiKey": "${BROWSERSTACK_API_KEY}"
      }
    }
  }
}

Nahraďte "${BROWSERSTACK_API_KEY}" svým skutečným environmentálním proměnným nebo odkazem na správce tajných údajů.

Jak tento MCP používat ve flow

Použití MCP ve FlowHunt

Pro integraci MCP serverů do svého workflow ve FlowHunt nejprve přidejte komponentu MCP do svého flow a propojte ji s AI agentem:

Klikněte na komponentu MCP pro otevření panelu konfigurace. V sekci systémové konfigurace MCP zadejte detaily vašeho MCP serveru v tomto formátu JSON:

{
  "browserstack-mcp": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

Po konfiguraci bude AI agent schopen využít tento MCP jako nástroj se všemi jeho funkcemi a možnostmi. Nezapomeňte změnit “browserstack-mcp” na skutečné jméno vašeho MCP serveru a URL nahraďte adresou vašeho vlastního MCP serveru.

Přehled

Náš názor

BrowserStack MCP Server nabízí robustní integraci pro testování na reálných zařízeních a prohlížečích pomocí AI a MCP, s jasnými instrukcemi k nastavení a užitečnými prompty i zdroji. Nedostatek explicitního seznamu nástrojů a informací o pokročilých MCP funkcích (roots, sampling) však mírně omezuje transparentnost pro pokročilé uživatele.

MCP skóre

Skóre: 7/10
Dobře zdokumentovaný, s užitečnými zdroji a ukázkami promptů. Ocenili bychom explicitnější dokumentaci nástrojů a více detailů o pokročilých MCP funkcích.