Máy chủ Browserbase MCP

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

Máy chủ Browserbase MCP cung cấp khả năng tự động hóa trình duyệt đám mây mạnh mẽ nhờ tận dụng Browserbase và Stagehand. Nó cho phép các mô hình ngôn ngữ AI tương tác, kiểm soát và tự động hóa trình duyệt web trong môi trường đám mây an toàn. Với máy chủ này, LLM có thể thực hiện các hành động như điều hướng trang web, trích xuất dữ liệu có cấu trúc, chụp ảnh màn hình, giám sát log console và thực thi JavaScript—tất cả đều lập trình được. Điều này mở rộng khả năng cho trợ lý AI xử lý các quy trình công việc web, tự động hóa các tác vụ trình duyệt lặp lại và trích xuất hoặc tương tác với nội dung trực tuyến, từ đó tăng đáng kể năng suất phát triển, kiểm thử và nghiên cứu. Máy chủ hỗ trợ tích hợp mô-đun và được thiết kế linh hoạt, tương thích nhiều LLM và mô hình khác nhau.

Danh sách Prompt

Không có thông tin về mẫu prompt được cung cấp trong kho lưu trữ.

Danh sách Tài nguyên

Không có tài nguyên cụ thể nào được nêu chi tiết trong tài liệu hoặc file kho lưu trữ đã cung cấp.

Danh sách Công cụ

Các tính năng sau đây được mô tả như là các công cụ, khả năng được máy chủ Browserbase MCP cung cấp:

• Tự động hóa trình duyệt: Cho phép kiểm soát và điều phối trình duyệt đám mây để điều hướng và tương tác.
• Trích xuất dữ liệu: Trích xuất dữ liệu có cấu trúc từ bất kỳ trang web nào.
• Giám sát Console: Theo dõi và phân tích log console của trình duyệt phục vụ debug hoặc giám sát.
• Chụp ảnh màn hình: Chụp ảnh toàn trang hoặc các phần tử cụ thể.
• Tương tác Web: Thực hiện các hành động như điều hướng, click, điền biểu mẫu trên trang web.
• Lệnh nguyên tử (Stagehand MCP): Thực thi các lệnh chính xác, cấp cao như click hoặc trích xuất dữ liệu mục tiêu.
• Hỗ trợ thị giác (Stagehand MCP): Sử dụng ảnh màn hình có chú thích để làm việc với DOM phức tạp.

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

• Tự động hóa & Kiểm thử Web
  Tự động hóa tác vụ trình duyệt để kiểm thử end-to-end ứng dụng web, giảm nỗ lực kiểm thử thủ công và tăng độ tin cậy.
• Trích xuất dữ liệu & Web Scraping
  Trích xuất dữ liệu có cấu trúc, bảng biểu hoặc nội dung từ nguồn trực tuyến trực tiếp vào quy trình AI cho nghiên cứu, phân tích hoặc báo cáo.
• Nghiên cứu UI/UX
  Chụp ảnh màn hình và giám sát console log để ghi lại và phân tích hành trình người dùng hoặc hiệu năng ứng dụng.
• Agent duyệt web dùng AI
  Cho phép LLM hoạt động như agent duyệt web tự động, điều hướng trang, điền biểu mẫu và tương tác ứng dụng web thay người dùng.
• Hỗ trợ đa mô hình & Tích hợp
  Tích hợp nhiều LLM (ví dụ: GPT-4, Claude-3.7 Sonnet) để tự động hóa trình duyệt và tương tác model-agnostic linh hoạt.

Cách thiết lập

Windsurf

1. Đảm bảo đã cài đặt các điều kiện tiên quyết (ví dụ: Node.js).
2. Xác định vị trí file cấu hình Windsurf của bạn.
3. Thêm Browserbase MCP Server vào đối tượng mcpServers:

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

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

Claude

1. Đảm bảo bạn đã có runtime cần thiết (ví dụ: Node.js).
2. Mở file cấu hình Claude.
3. Thêm mục Browserbase MCP Server:

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

4. Lưu thay đổi và khởi động lại Claude.
5. Xác nhận kết nối tới máy chủ MCP.

Cursor

1. Xác nhận các điều kiện tiên quyết như Node.js đã cài đặt.
2. Chỉnh sửa file cấu hình Cursor.
3. Thêm đoạn JSON sau vào bên dưới mcpServers:

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

4. Lưu lại và khởi động lại Cursor.
5. Kiểm tra logs hoặc trang trạng thái để xác nhận.

Cline

1. Đảm bảo Node.js và các phụ thuộc khác đã có.
2. Tìm và mở file cấu hình Cline.
3. Thêm Browserbase MCP Server:

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

4. Lưu file và khởi động lại Cline.
5. Đảm bảo máy chủ MCP khởi tạo không lỗi.

Bảo mật API Key với Biến môi trường:
Với bất kỳ cấu hình nhạy cảm nào (như API key), hãy sử dụng biến môi trường. Ví dụ:

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

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

Sử dụng MCP trong FlowHunt

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

Nhấn vào thành phần MCP để mở bảng cấu hình. Trong phần cấu hình MCP hệ thống, chèn thông tin máy chủ MCP của bạn theo định dạng JSON này:

{
  "browserbase": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

Sau khi cấu hình, agent AI sẽ 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. Lưu ý đổi “browserbase” thành tên thật của máy chủ MCP của bạn và thay URL bằng URL máy chủ MCP của riêng bạn.

Tổng quan

Dựa trên những điều trên, Browserbase MCP Server cung cấp các tính năng tự động hóa trình duyệt mạnh mẽ và hướng dẫn tích hợp rõ ràng, tuy nhiên chưa có tài liệu rõ ràng về prompt và tài nguyên. Giấy phép mã nguồn mở và repository hoạt động là điểm cộng.

Nhận định của chúng tôi

Máy chủ MCP này mạnh mẽ về tự động hóa trình duyệt và tích hợp, tuy nhiên còn thiếu tài liệu về prompt và các primitive tài nguyên. Dù vậy, nó được duy trì tốt và có cộng đồng hỗ trợ tích cực. Điểm: 7/10

Điểm MCP