browser-use MCP Server

“browser-use” MCP Server làm gì?

browser-use MCP (Model Context Protocol) Server cho phép các tác nhân AI kiểm soát trình duyệt web một cách lập trình nhờ thư viện browser-use. Máy chủ này đóng vai trò cầu nối giữa trợ lý AI và trình duyệt web, cho phép tự động duyệt web, trích xuất dữ liệu web và tương tác với các trang web trực tiếp từ các môi trường phát triển như Cursor. Bằng cách cung cấp khả năng tự động hóa trình duyệt cho AI, nó giúp tối ưu các quy trình như tìm kiếm trên web, thu thập nội dung, điền biểu mẫu và điều hướng trang web, tất cả đều dưới sự điều khiển lập trình. Điều này tăng hiệu quả phát triển bằng cách tự động hóa các tác vụ web lặp đi lặp lại và cung cấp ngữ cảnh web thời gian thực cho trợ lý AI.

Danh sách Prompt

Không có mẫu prompt nào được đề cập hoặc ghi nhận trong repository.

Danh sách Tài nguyên

Không có tài nguyên cụ thể nào được ghi nhận hoặc liệt kê trong repository.

Danh sách Công cụ

Các công cụ không được ghi nhận cụ thể trong README chính, và server.py không được công khai trực tiếp trong cấu trúc. Không có danh sách công cụ chi tiết nào từ tài liệu công khai.

Các trường hợp sử dụng của MCP Server này

• Duyệt Web Tự Động: Cho phép tác nhân AI mở website, theo liên kết và tương tác với các phần tử trang để nghiên cứu hoặc thu thập thông tin.
• Trích Xuất Dữ Liệu Web: Tự động thu thập văn bản, bảng biểu và nội dung khác từ các trang web để cung cấp ngữ cảnh hoặc dữ liệu cho xử lý tiếp theo.
• Tương Tác & Gửi Biểu Mẫu: Điền và gửi biểu mẫu (ví dụ: đăng nhập, tìm kiếm) một cách tự động trong quy trình công việc.
• Tự Động Hóa Kiểm Thử: Dùng AI để kiểm thử các ứng dụng web trên trình duyệt, đảm bảo các luồng giao diện người dùng hoạt động đúng.
• Ngữ Cảnh Web Thời Gian Thực cho AI: Cho phép AI truy xuất thông tin mới nhất (ví dụ: tin tức, giá cổ phiếu) bằng cách duyệt web theo yêu cầu.

Cách cài đặt

Windsurf

1. Đảm bảo bạn đã cài đặt Node.js và môi trường cần thiết cho Windsurf.
2. Mở file cấu hình của Windsurf (ví dụ: windsurf.config.json).
3. Thêm browser-use MCP Server vào phần mcpServers:

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

4. Lưu file và khởi động lại Windsurf.
5. Kiểm tra thiết lập bằng cách xem MCP server trong giao diện Windsurf.

Claude

1. Đảm bảo Claude hỗ trợ MCP server bên ngoài và bạn đã cài đặt Node.js.
2. Sửa file cấu hình của Claude để thêm MCP server:

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

3. Lưu, khởi động lại Claude và xác nhận tích hợp bằng một hành động kiểm tra.

Cursor

1. Kiểm tra điều kiện tiên quyết: uv, Playwright.
2. Mở cấu hình của Cursor (ví dụ: .cursor/config.json).
3. Thêm MCP server:

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

4. Lưu và khởi động lại Cursor.
5. Kiểm tra bằng cách kích hoạt một hành động tự động hóa trình duyệt từ Cursor.

Cline

1. Đảm bảo Cline đã được cài đặt và cấu hình cho MCP servers.
2. Sửa cấu hình của Cline để đăng ký MCP server:

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

3. Lưu và khởi động lại Cline.
4. Kiểm tra MCP server đang chạy bằng cách liệt kê các MCP server đang hoạt động trong Cline.

Bảo mật API Key

• Sử dụng biến môi trường để lưu trữ dữ liệu nhạy cảm như API key.
• Ví dụ cấu hình:

  {
    "mcpServers": {
      "browser-use": {
        "command": "npx",
        "args": ["@browser-use/mcp-server@latest"],
        "env": {
          "API_KEY": "${API_KEY}"
        },
        "inputs": {
          "api_key": "${API_KEY}"
        }
      }
    }
  }
  

Hướng dẫn sử dụng MCP này trong flows

Sử dụng MCP trong FlowHunt

Để tích hợp MCP server vào quy trình FlowHunt của bạn, hãy 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 tác nhân 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, chèn thông tin MCP server của bạn theo định dạng JSON sau:

{
  "browser-use": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

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

Tổng quan

Giữa hai bảng:
MCP server này cung cấp các tính năng thiết yếu cho tự động hóa trình duyệt trong môi trường AI và được duy trì tốt, nhưng thiếu tài liệu chi tiết về prompt, tài nguyên và công cụ. Đối với mục đích sử dụng cốt lõi (kiểm soát trình duyệt), nó rất giá trị, nhưng độ đầy đủ của tài liệu khiến nó bị hạn chế.

Điểm MCP

Đánh giá tổng thể:
6/10 (xuất sắc về tự động hóa trình duyệt cốt lõi, nhưng thiếu tài liệu về các khái niệm và công cụ MCP nâng cao; sẽ cao hơn nếu có thêm chi tiết triển khai).