BrowserStack MCP server

BrowserStack MCP 서버

팀의 모든 개발자와 테스터가 수동 테스트, 자동화 여정 시작, 테스트 자동화 확장 등 어떤 작업을 수행하든 관계없이 역량을 강화할 수 있습니다. BrowserStack MCP Server를 사용하면 선호하는 AI 도구에서 바로 최첨단 테스트 플랫폼을 사용할 수 있습니다.

왜 BrowserStack인가요?

💡 사용 예시

📱 수동 앱 테스트

다음 프롬프트를 사용하여 BrowserStack의 광범위한 실제 기기 클라우드에서 모바일 앱을 사용하세요. 에뮬레이터는 더 이상 사용하지 마세요!

지엑스피1

• 에뮬레이터와 달리 실제 기기에서 앱의 실제 성능을 테스트해 보세요. 고급 앱 프로파일링 기능을 사용하면 충돌 및 성능 문제를 실시간으로 디버깅할 수 있습니다.
• 당사의 기기 그리드 에서 모든 주요 기기와 OS 버전에 액세스하세요. 당사는 출시일 에 새로 출시된 기기를 글로벌 데이터 센터에 제공하기 위해 엄격한 SLA를 준수합니다.

🌐 수동 웹 테스트

앱 테스트와 마찬가지로, 다음 프롬프트를 사용하여 BrowserStack의 광범위한 실제 브라우저 및 기기 클라우드에서 웹사이트를 테스트할 수 있습니다. 컴퓨터에 Edge 브라우저가 설치되어 있지 않으신가요? 저희가 도와드리겠습니다!

• 다양한 브라우저와 기기에서 웹사이트를 테스트해 보세요. 모든 주요 OS와 주요 브라우저를 지원합니다.
• 원격 서버에 배포할 필요 없이 로컬 컴퓨터에서 호스팅되는 웹사이트를 원활하게 테스트하세요!

🧪 자동화된 테스트(Playwright, Selenium, A11y 등)

BrowserStack의 테스트 플랫폼 에서 자동화된 테스트를 실행/디버그/수정하려면 다음 프롬프트를 사용하세요.

• 업계 최고의 테스트 관찰 기능을 활용하여 CI/CD 파이프라인에서 보고된 테스트 실패를 해결하세요. 자세한 내용은 여기에서 확인하세요.
• BrowserStack의 테스트 플랫폼 에서 Jest, Playwright, Selenium 등으로 작성된 테스트를 실행하세요.
• 접근성 테스트 : 접근성 테스트 도구를 사용하여 WCAG 및 ADA 규정 준수를 보장합니다.

🛠️ 설치

1. BrowserStack 계정 만들기
   • 아직 계정이 없으시다면 BrowserStack 에 가입하세요.
   • ℹ️ 오픈소스 프로젝트가 있다면 무료 플랜 을 제공해드릴 수 있습니다.
   • 계정이 생기고 적절한 플랜을 구매했다면 '계정 설정 '에서 username 과 access_key 기록해 두세요.
2. Node 버전이 18.0 이상인지 확인하세요. node --version 명령어를 사용하여 Node 버전을 확인하세요. 권장 버전: v22.15.0 (LTS)
3. MCP 서버 설치
   • VSCode(Copilot - 에이전트 모드): .vscode/mcp.json :
   { "servers": { "browserstack": { "command": "npx", "args": ["-y", "@browserstack/mcp-server@latest"], "env": { "BROWSERSTACK_USERNAME": "<username>", "BROWSERSTACK_ACCESS_KEY": "<access_key>" } } } }
   • VSCode에서는 MCP 서버에서 Start 버튼을 클릭하여 서버를 시작하세요.
   • 커서의 경우: .cursor/mcp.json :
   { "mcpServers": { "browserstack": { "command": "npx", "args": ["-y", "@browserstack/mcp-server@latest"], "env": { "BROWSERSTACK_USERNAME": "<username>", "BROWSERSTACK_ACCESS_KEY": "<access_key>" } } } }
   • 클로드 데스크톱: ~/claude_desktop_config.json :
   { "mcpServers": { "browserstack": { "command": "npx", "args": ["-y", "@browserstack/mcp-server@latest"], "env": { "BROWSERSTACK_USERNAME": "<username>", "BROWSERSTACK_ACCESS_KEY": "<access_key>" } } } }

🤝 추천 MCP 클라이언트

• 자동화된 테스트 및 디버깅 사용 사례에는 Github Copilot 또는 Cursor를 사용하는 것이 좋습니다.
• 수동 테스트 사용 사례(라이브 테스트)의 경우 Claude Desktop을 사용하는 것이 좋습니다.

⚠️ 중요 참고 사항

• BrowserStack MCP 서버는 현재 활발하게 개발 중이며 MCP 사양의 일부만 지원합니다. 더 많은 기능이 곧 추가될 예정입니다.
• 도구 호출은 MCP 클라이언트에 의존하고, MCP 클라이언트는 LLM에 의존하므로 예상치 못한 결과를 초래할 수 있는 비결정적 동작이 발생할 수 있습니다. 제안이나 의견이 있으시면 이슈를 열어 논의해 주세요.

📝 기여하기

여러분의 참여를 환영합니다! 변경하고 싶은 사항이 있으시면 이슈를 개설하여 논의해 주세요. 👉 참여 가이드라인을 보려면 여기를 클릭하세요.

📞 지원

지원을 원하시면 다음을 클릭하세요.

• 문서를 확인하세요
• MCP 서버와 관련된 문제가 발생하면 GitHub 저장소 에서 문제를 열어주세요.
• 다른 문의사항이 있으시면 당사 지원팀에 문의해 주시기 바랍니다.

🚀 곧 더 많은 기능이 출시됩니다

흥미로운 업데이트를 기대해 주세요! 제안하실 점이 있으신가요? 토론을 위해 이슈를 열어주세요.

🔗 리소스

• BrowserStack 테스트 플랫폼
• MCP 프로토콜 문서
• 장치 그리드
• 접근성 테스트