Tích Hợp Máy Chủ BrowserStack MCP

Máy chủ “BrowserStack” MCP làm gì?

BrowserStack MCP Server là một máy chủ Model Context Protocol (MCP) kết nối trợ lý AI và công cụ phát triển trực tiếp với hạ tầng kiểm thử trên đám mây của BrowserStack. Nó trao quyền cho nhà phát triển và kiểm thử viên tự động hóa, quản lý và tương tác với đám mây thiết bị thực và trình duyệt của BrowserStack ngay trong quy trình AI yêu thích của họ. Máy chủ cho phép thực hiện các tác vụ như chạy kiểm thử thủ công hoặc tự động trên thiết bị thực, gỡ lỗi ứng dụng bị crash, kiểm thử website trên nhiều trình duyệt, và tích hợp profiling ứng dụng nâng cao—tất cả thông qua công cụ và prompt MCP chuẩn hóa. Bằng cách kết nối trợ lý AI với nền tảng kiểm thử mạnh mẽ của BrowserStack, máy chủ này giúp tinh giản quy trình kiểm thử, tăng cường khả năng gỡ lỗi và đẩy nhanh tiến độ phát triển cho cả tester thủ công và kỹ sư tự động hóa.

Danh sách Prompt

• “open my app on a iPhone 15 Pro Max”
  Khởi chạy ứng dụng di động của bạn trên một thiết bị thực cụ thể trong đám mây BrowserStack.
• “My app crashed on Android 14 device, can you help me debug?”
  Khởi động quá trình gỡ lỗi và phân tích sự cố crash trên thiết bị và phiên bản hệ điều hành cụ thể.
• “open my website hosted on localhost:3001 on Edge”
  Mở một website cục bộ trên trình duyệt/thết bị thực trong hạ tầng BrowserStack.

Danh sách Tài nguyên

• Tài nguyên Device Grid
  Cung cấp toàn bộ danh sách thiết bị thực và tổ hợp trình duyệt/hệ điều hành khả dụng trên đám mây BrowserStack.
• Dữ liệu Profiling Ứng dụng
  Cung cấp số liệu hiệu năng và profiling từ các phiên kiểm thử thực tế.
• Tài liệu Kiểm thử Phiên
  Xuất ra log, ảnh chụp màn hình và video được tạo trong phiên kiểm thử để phân tích thêm.
• Tài liệu Thiết bị & Trình duyệt
  Cung cấp đường dẫn tài liệu về thiết bị, phiên bản hệ điều hành và trình duyệt hỗ trợ.

Danh sách Công cụ

Không có danh sách công cụ trực tiếp (như từ server.py) được cung cấp trong tài liệu hoặc mã nguồn sẵn có.

Trường hợp sử dụng Máy chủ MCP này

• Kiểm thử Ứng dụng Thủ công
  Mở và tương tác với ứng dụng di động trên nhiều thiết bị thực, giúp tester tái hiện và gỡ lỗi các tình huống thực tế mà không cần giả lập.
• Gỡ lỗi Ứng dụng Bị Crash
  Sử dụng công cụ profiling và phân tích để kiểm tra và khắc phục sự cố crash ứng dụng trên từng tổ hợp thiết bị/hệ điều hành trong đám mây BrowserStack.
• Kiểm thử Web Thủ công
  Kiểm thử website trên trình duyệt và thiết bị thực, kể cả website cục bộ, đảm bảo tương thích đa trình duyệt mà không cần cài đặt trình duyệt trên máy.
• Tích hợp Kiểm thử Tự động
  Tích hợp lưới thiết bị và trình duyệt của BrowserStack vào luồng QA tự động, cho phép kiểm thử liên tục trong các pipeline CI/CD.
• Bao phủ Thiết bị Toàn diện
  Tận dụng toàn bộ dải thiết bị và trình duyệt mới nhất, kể cả phần cứng mới phát hành, để mở rộng và hiện đại hóa phạm vi kiểm thử.

Cách thiết lập

Windsurf

1. Đảm bảo Node.js đã được cài đặt trên hệ thống.
2. Xác định vị trí file cấu hình của Windsurf.
3. Thêm Máy chủ BrowserStack MCP vào đối tượng mcpServers bằng đoạn JSON sau:

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

4. Lưu cấu hình và khởi động lại Windsurf.
5. Kiểm tra thiết lập bằng cách xác minh máy chủ đã chạy và truy cập được.

Claude

1. Cài đặt Node.js nếu chưa có.
2. Mở cài đặt tích hợp/cấu hình của Claude.
3. Thêm Máy chủ BrowserStack MCP như sau:

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

4. Lưu thay đổi và khởi động lại Claude.
5. Xác nhận máy chủ MCP đã sẵn sàng từ bảng công cụ của Claude.

Cursor

1. Xác nhận Node.js đã được cài đặt.
2. Chỉnh sửa cấu hình mcpServers của Cursor.
3. Thêm vào:

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

4. Khởi động lại Cursor để áp dụng cấu hình máy chủ mới.
5. Kiểm thử tích hợp bằng cách gửi prompt và xác nhận tùy chọn BrowserStack xuất hiện.

Cline

1. Yêu cầu: Node.js phải được cài đặt.
2. Điều hướng tới file cấu hình của Cline.
3. Thêm máy chủ MCP:

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

4. Lưu và khởi động lại Cline.
5. Kiểm tra giao diện của Cline để xem tính năng kiểm thử BrowserStack.

Bảo mật Khóa API

Để bảo mật khóa API BrowserStack, hãy sử dụng biến môi trường:

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

Thay thế "${BROWSERSTACK_API_KEY}" bằng biến môi trường thực tế hoặc tham chiếu từ secret manager của bạn.

Cách sử dụng MCP này trong các flow

Sử dụng MCP trong FlowHunt

Để tích hợp máy chủ MCP vào quy trình FlowHunt, hãy bắt đầu bằng cách thêm thành phần MCP vào flow của bạn và kết nối nó với agent AI:

Nhấn vào thành phần MCP để mở bảng cấu hình. Trong phần cấu hình hệ thống MCP, hãy nhập chi tiết máy chủ MCP của bạn theo mẫu JSON này:

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

Sau khi cấu hình, agent AI của bạn có thể sử dụng MCP này như một công cụ với đầy đủ chức năng và khả năng. Hãy nhớ đổi “browserstack-mcp” thành tên thực tế của máy chủ MCP và thay URL bằng địa chỉ máy chủ MCP của bạn.

Tổng quan

Đánh giá của chúng tôi

BrowserStack MCP Server mang lại tích hợp mạnh mẽ cho kiểm thử trên thiết bị thực và trình duyệt qua AI và MCP, có hướng dẫn cài đặt rõ ràng cùng các prompt/tài nguyên hữu ích. Tuy nhiên, việc thiếu danh sách công cụ rõ ràng và thông tin về tính năng MCP nâng cao (roots, sampling) khiến người dùng chuyên sâu thiếu minh bạch một chút.

Điểm MCP

Điểm: 7/10
Tài liệu tốt, nhiều tài nguyên và ví dụ prompt hữu ích. Sẽ hoàn thiện hơn nếu có tài liệu công cụ chi tiết và thông tin về tính năng MCP nâng cao.