MCP Web Ui

MCP Web UI是一個基於Model Context Protocol的網頁界面，提供多LLM供應商集成、即時聊天流、上下文管理和配置管理功能。

人工智能聊天機器人開發者工具 #AI界面 #多模型 #即時交互 #上下文管理 .Go

評分 : 2.5分

下載量 : 78

更新時間 : 2025-04-28

什麼是MCP Web UI？

MCP Web UI 是一個基於Web的用戶界面，用於通過模型上下文協議（MCP）與大型語言模型（LLM）進行交互。它提供了統一的界面來管理多個語言模型提供商，支持即時聊天、靈活配置以及高效的上下文聚合。

如何使用MCP Web UI？

MCP Web UI 提供了一個簡單易用的界面，用戶只需配置API密鑰並啟動服務即可開始使用。支持多種語言模型提供商，如Anthropic、OpenAI、Ollama和OpenRouter。

適用場景

MCP Web UI 適用於需要高效管理和協調多個語言模型的應用場景，例如企業級對話系統、智能客服平臺或個人開發者工具。

主要功能

多提供商集成支持多個語言模型提供商，包括Anthropic、OpenAI、Ollama和OpenRouter。

即時響應流通過Server-Sent Events（SSE）實現即時響應流，提升用戶體驗。

上下文聚合自動管理對話歷史記錄，確保上下文的一致性和連貫性。

持久化聊天記錄利用BoltDB存儲聊天記錄，方便後續查閱和分析。

優勢與侷限性

優勢

支持多種語言模型提供商

即時響應流提升用戶體驗

靈活的配置選項

持久化的聊天記錄

侷限性

需要配置API密鑰

對硬件性能有一定要求

某些高級功能可能需要額外付費

如何使用

安裝依賴

克隆項目代碼並安裝Go模塊。

配置環境變量

設置API密鑰和其他必要配置。

啟動服務

運行服務以啟動MCP Web UI。

使用案例

快速開始指南通過簡單的步驟快速部署和使用MCP Web UI。

多模型集成示例集成多個語言模型提供商以滿足不同需求。

常見問題

如何獲取API密鑰？

是否支持自定義模型？

如何解決啟動失敗的問題？

🚀 MCP Web 網頁項目

MCP Web 網頁項目基於模型上下文協議（Model Context Protocol），打造了一個用戶友好的網頁應用。它能讓用戶輕鬆與各類機器學習模型和服務展開交互，極大提升了使用體驗。

🚀 快速開始

MCP Web 網頁項目是一個強大的基於模型上下文協議的網頁應用。在開始使用前，請確保滿足先決條件，然後按照安裝指南完成項目的安裝與啟動。

✨ 主要特性

多模型支持：集成多種不同的機器學習模型和服務器。
靈活配置：通過 YAML 格式的配置文件，輕鬆管理不同模型的服務參數。
日誌記錄：提供詳細的日誌記錄功能，便於調試和監控系統運行狀態。
擴展性好：支持自定義擴展，允許用戶添加新的模型和服務。

📦 安裝指南

先決條件

安裝 Go 語言環境（版本 1.20 或以上）。
確保已安裝 Node.js 和 npm，用於構建靜態資源。
安裝 Docker 和 Docker Compose，用於容器化部署。

安裝步驟

下載代碼

使用 Git 克隆項目倉庫：

git clone https://github.com/yourusername/mcp-web.git
cd mcp-web

依賴管理

安裝項目所需的 Go 模塊：

go mod tidy

構建項目

運行以下命令構建可執行文件：

go build -o mcp-web .

啟動應用

啟動 MCP Web 網頁項目的命令如下：

./mcp-web --config ./configs/default.yaml

默認配置文件位於 configs/default.yaml。

📚 詳細文檔

配置文件說明

項目的配置文件使用 YAML 格式，主要包含以下內容：

核心配置

端口設置：指定應用運行的監聽端口。
```
port: 8080
```
日誌級別：控制輸出的日誌詳細程度。
```
logLevel: info
```

模型服務配置

主模型配置

llm:
  provider: anthropic  # 可選值：anthropic, openai, custom
  model: claude-3-5-sonnet-20241022
  parameters:
    temperature: 0.7

標題生成配置

genTitleLLM:
  provider: openai
  model: gpt-3.5-turbo

MCP 服務器配置

SSE 服務器配置

mcpSSEServers:
  filesystem:
    url: https://yoursseserver.com
    maxPayloadSize: 1048576 # 單位：字節，默認為1MB

標準輸入輸出服務器配置

mcpStdIOServers:
  filesystem:
    command: npx
    args:
      - -y
      - "@modelcontextprotocol/server-filesystem"
      - "/path/to/your/files"

示例配置文件

port: 8080
logLevel: info

llm:
  provider: anthropic
  model: claude-3-5-sonnet-20241022
  parameters:
    temperature: 0.7

genTitleLLM:
  provider: openai
  model: gpt-3.5-turbo

項目結構

mcp-web/
├── cmd/               # 應用入口文件
├── internal/         # 核心業務邏輯包
│   ├── handlers/     # Web 請求處理函數
│   ├── models/       # 數據模型定義
│   └── services/     # 第三方服務集成（如模型接口）
├── static/           # 靜態資源文件（CSS、JS 等）
└── templates/        # HTML 模板文件