Mcpholder

🚀 MCP客戶端應用

這是一款專為AI大模型服務的MCP（模型上下文協議）客戶端程序——MCPHOLDER，它能讓手機具備類似Claude Desktop的功能。該程序可將Cloudflare上的雲端服務整合起來，為AI大模型提供有力的外部支持。

✨ 主要特性

• AI對話頁面：用戶能自由選擇不同的大模型進行對話，默認選用Claude-3 Sonnet 3.7。
• MCP服務頁面：清晰展示當前可用的MCP服務及其狀態，還提供添加新服務的入口。
• MCP服務測試頁面：專門用於測試新的MCP服務連接，用戶可輸入服務名稱、URL、端口等信息。

🔧 技術細節

• Flutter 3.x
• Dart 3.x
• font_awesome_flutter：用於圖標展示。
• google_fonts：用於字體樣式。

🚀 快速開始

1. 請修改lib/config目錄下的openRouterApiKey，當前程序僅支持openrouter的Claude Sonnet 3.7。
2. 由於網絡環境問題，我只能上傳Flutter的lib庫，因此以下安裝方式可能不可用：
   1. 確保已安裝Flutter環境。
   2. 克隆此倉庫。
   3. 運行以下命令安裝依賴：

flutter pub get

4. 運行應用：

flutter run

📚 詳細文檔

項目結構

lib/
  ├── main.dart              # 應用入口
  ├── screens/               # 頁面
  │   ├── chat_screen.dart   # AI對話頁面
  │   ├── services_screen.dart  # MCP服務頁面
  │   └── test_service_screen.dart  # MCP服務測試頁面
  ├── widgets/               # 可複用組件
  ├── models/                # 數據模型
  └── utils/                 # 工具函數

MCP協議

模型上下文協議（MCP）是一種協議，允許AI模型通過外部工具和API執行操作。這使得AI助手能夠執行實際任務，如發送電子郵件、查詢數據或控制應用程序。

更多關於MCP協議的信息，請訪問 Cloudflare的MCP文檔。

演示

視頻鏈接

在測試服務頁面，我們需要：

1. 填入服務名稱：add
2. 填入Cloudflare的服務URL：https://remote-mcp.yunhaisui.workers.dev/sse
3. 端口無需填寫
4. API秘鑰：任意輸入，但不能為空

然後點擊“註冊客戶端獲取ID”，成功後點擊“測試連接”。此時會彈出一個認證的OAuth授權按鈕，點擊啟動OAuth授權。在新彈出的WebView頁面中點擊“approve”。之後App會自動識別MCP中有幾個tools。

這時回到MCP服務頁面，可以看到新增了一個加法工具。在AI對話頁面中輸入一個簡單的加法問題，Claude Sonnet會自動調用MCP服務。目前我使用的是openrouter服務，由於速度較慢，但最終仍能獲得正確的結果。下週計劃在Cloudflare上測試幾個有趣好玩的MCP服務。