超瀏覽器 Mcp 伺服器
概覽
什麼是 MCP?
MCP,或稱多通道協議,是一個為 Hyperbrowser 框架設計的伺服器實現。它促進了 Hyperbrowser 生態系統中各個組件之間的通信,使得不同通道之間的數據交換和互動變得無縫。這個實現對於希望構建需要強大多通道通信能力的應用程序的開發者特別有用。
MCP 的特點
- 多通道支持:MCP 允許在多個通道之間同時通信,提高數據傳輸和互動的效率。
- 開源:作為一個公共庫,MCP 開放供貢獻和修改,允許開發者根據自己的需求進行自定義。
- 易於集成:該伺服器可以輕鬆集成到現有的 Hyperbrowser 應用程序中,成為開發者的多功能選擇。
- 活躍社區:隨著越來越多的星標和分支,MCP 受益於一個活躍的社區,為其持續的開發和改進做出貢獻。
如何使用 MCP
-
克隆庫:首先使用以下命令從 GitHub 克隆 MCP 庫:
git clone https://github.com/hyperbrowserai/mcp.git
-
安裝依賴:導航到克隆的目錄並安裝必要的依賴。這通常可以使用 npm 或 yarn 等包管理器完成。
-
啟動伺服器:通過在終端中執行適當的命令來啟動 MCP 伺服器。這將啟動伺服器並使其準備好處理請求。
-
與您的應用集成:使用提供的 API 端點將 MCP 集成到您的 Hyperbrowser 應用中,實現多通道通信。
-
貢獻:如果您有改進或功能要添加,隨時可以分叉庫,進行更改,並提交拉取請求以貢獻於 MCP 項目。
常見問題解答
MCP 使用了哪些編程語言?
MCP 主要使用 JavaScript 和 Node.js 構建,對於熟悉這些技術的開發者來說非常容易上手。
MCP 適合生產環境使用嗎?
是的,MCP 設計上堅固且可擴展,適合用於生產環境。然而,建議在部署前進行充分測試。
我該如何報告問題或請求功能?
您可以通過在 MCP GitHub 庫中開啟問題來報告問題或請求功能。社區和維護者會積極監控並回應反饋。
我可以為 MCP 項目貢獻嗎?
當然可以!歡迎貢獻。您可以分叉庫,進行更改,並提交拉取請求以供審核。
我在哪裡可以找到 MCP 的文檔?
MCP 的文檔通常可以在庫內找到,通常在 README.md
文件或專門的 docs
目錄中。
詳細
Hyperbrowser MCP Server
This is Hyperbrowser's Model Context Protocol (MCP) Server. It provides various tools to scrape, extract structured data, and crawl webpages. It also provides easy access to general purpose browser agents like OpenAI's CUA, Anthropic's Claude Computer Use, and Browser Use.
More information about the Hyperbrowser can be found here. The hyperbrowser API supports a superset of features present in the mcp server.
More information about the Model Context Protocol can be found here.
Table of Contents
Installation
Manual Installation
To install the server, run:
npx hyperbrowser-mcp <YOUR-HYPERBROWSER-API-KEY>
Running on Cursor
Add to ~/.cursor/mcp.json
like this:
{
"mcpServers": {
"hyperbrowser": {
"command": "npx",
"args": ["-y", "hyperbrowser-mcp"],
"env": {
"HYPERBROWSER_API_KEY": "YOUR-API-KEY"
}
}
}
}
Running on Windsurf
Add to your ./codeium/windsurf/model_config.json
like this:
{
"mcpServers": {
"hyperbrowser": {
"command": "npx",
"args": ["-y", "hyperbrowser-mcp"],
"env": {
"HYPERBROWSER_API_KEY": "YOUR-API-KEY"
}
}
}
}
Development
For development purposes, you can run the server directly from the source code.
-
Clone the repository:
git clone git@github.com:hyperbrowserai/mcp.git hyperbrowser-mcp cd hyperbrowser-mcp
-
Install dependencies:
npm install # or yarn install npm run build
-
Run the server:
node dist/server.js
Claude Desktop app
This is an example config for the Hyperbrowser MCP server for the Claude Desktop client.
{
"mcpServers": {
"hyperbrowser": {
"command": "npx",
"args": ["--yes", "hyperbrowser-mcp"],
"env": {
"HYPERBROWSER_API_KEY": "your-api-key"
}
}
}
}
Tools
scrape_webpage
- Extract formatted (markdown, screenshot etc) content from any webpagecrawl_webpages
- Navigate through multiple linked pages and extract LLM-friendly formatted contentextract_structured_data
- Convert messy HTML into structured JSONsearch_with_bing
- Query the web and get results with Bing searchbrowser_use_agent
- Fast, lightweight browser automation with the Browser Use agentopenai_computer_use_agent
- General-purpose automation using OpenAI’s CUA modelclaude_computer_use_agent
- Complex browser tasks using Claude computer usecreate_profile
- Creates a new persistent Hyperbrowser profile.delete_profile
- Deletes an existing persistent Hyperbrowser profile.list_profiles
- Lists existing persistent Hyperbrowser profiles.
Installing via Smithery
To install Hyperbrowser MCP Server for Claude Desktop automatically via Smithery:
npx -y @smithery/cli install @hyperbrowserai/mcp --client claude
Resources
The server provides the documentation about hyperbrowser through the resources
methods. Any client which can do discovery over resources has access to it.
License
This project is licensed under the MIT License.
伺服器配置
{
"mcpServers": {
"mcp": {
"command": "docker",
"args": [
"run",
"-i",
"--rm",
"ghcr.io/metorial/mcp-container--hyperbrowserai--mcp--mcp",
"npm run start"
],
"env": {
"HYPERBROWSER_API_KEY": "hyperbrowser-api-key"
}
}
}
}