Cloudflare Edge Services

基於Cloudflare Workers構建的MCP協議圖像生成服務

圖像與視頻處理開發者工具 #圖像生成 #邊緣計算 #MCP協議 #Worker服務遠程 .TypeScript

評分 : 2分

下載量 : 11

更新時間 : 2025-04-28

什麼是MCP服務器？

MCP服務器是一個基於Model Context Protocol（MCP）協議的圖像生成服務，它通過標準化接口提供高效的圖像生成能力。該服務利用Cloudflare Workers的強大性能，在邊緣節點上運行，確保低延遲和高可用性。

如何使用MCP服務器？

使用MCP服務器非常簡單，只需準備一個描述性的提示詞，選擇生成步數，然後發送請求即可獲得高質量的圖像。

適用場景

MCP服務器適用於需要快速生成高質量圖像的應用場景，例如創意設計、廣告製作、遊戲開發等領域。

主要功能

基於MCP協議的標準化服務接口提供統一的API接口，方便開發者集成到各種應用中。

開箱即用的圖像生成模塊內置強大的圖像生成算法，無需複雜配置即可開始使用。

支持自定義工具和資源擴展允許用戶根據需求添加新的工具和服務。

邊緣計算優化部署利用Cloudflare Workers在全球範圍內提供低延遲服務。

優勢與侷限性

優勢

基於MCP協議的標準化接口，易於集成。

全球分佈的邊緣節點確保低延遲。

支持多種擴展選項，滿足個性化需求。

開箱即用，無需複雜配置。

侷限性

對於極高的定製化需求可能需要額外開發。

某些高級功能可能受到基礎平臺限制。

如何使用

安裝依賴

確保已安裝Node.js 18+和Wrangler CLI。

配置環境變量

複製示例配置文件並填寫必要信息。

部署Worker

使用Wrangler CLI部署到Cloudflare Workers。

使用案例

案例1：生成城市夜景輸入提示詞‘A futuristic city at night’，選擇6步生成。

案例2：生成抽象藝術作品輸入提示詞‘Abstract art with vibrant colors’，選擇8步生成。

常見問題

MCP服務器支持哪些操作系統？

如何調整生成圖像的質量？

是否可以自定義生成模型？

🚀 CF-MCP-Server 中文文檔

基於 Model Context Protocol (MCP) 的圖像生成服務實現，採用 Cloudflare Workers 構建，為用戶提供標準化、高效且易於擴展的圖像生成服務。

🚀 快速開始

環境要求

Node.js 18 及以上版本
Wrangler CLI
NPM 包管理工具

安裝部署

# 安裝依賴
pnpm install

# 配置環境變量
cp .env.example .env

# 部署Worker
pnpm deploy

✨ 主要特性

🖼️ 基於 MCP 協議的標準化服務接口，提供統一的調用方式。
🚀 開箱即用的圖像生成 Worker 模塊，快速搭建圖像生成服務。
🔧 支持快速擴展自定義工具和資源，滿足多樣化需求。
⚡ 邊緣計算優化部署，提升服務響應速度。

📦 安裝指南

環境要求

Node.js 18 及以上版本
Wrangler CLI
NPM 包管理工具

安裝部署

# 安裝依賴
pnpm install

# 配置環境變量
cp .env.example .env

# 部署Worker
pnpm deploy

💻 使用示例

基礎用法

{
  "mcpServers": {
    "generateImage": {
      "command": "/Users/zhangxudong/Gits/turinhub/cf-mcp-server/mcp-image-generation/node_modules/.bin/workers-mcp",
      "args": [
        "run",
        "generateImage",
        "https://mcp-image-generation.turinhub.com",
        "/Users/zhangxudong/Gits/turinhub/cf-mcp-server/mcp-image-generation"
      ],
      "env": {}
    }
  }
}

高級用法

若需根據不同的需求調整生成圖像的參數，可以修改配置中的參數：

{
  "mcpServers": {
    "generateImage": {
      "command": "/Users/zhangxudong/Gits/turinhub/cf-mcp-server/mcp-image-generation/node_modules/.bin/workers-mcp",
      "args": [
        "run",
        "generateImage",
        "https://mcp-image-generation.turinhub.com",
        "/Users/zhangxudong/Gits/turinhub/cf-mcp-server/mcp-image-generation"
      ],
      "env": {}
    }
  },
  "prompt": "A beautiful landscape",
  "steps": 6
}

📚 詳細文檔

API 文檔

圖像生成接口

配置示例:

{
  "mcpServers": {
    "generateImage": {
      "command": "/Users/zhangxudong/Gits/turinhub/cf-mcp-server/mcp-image-generation/node_modules/.bin/workers-mcp",
      "args": [
        "run",
        "generateImage",
        "https://mcp-image-generation.turinhub.com",
        "/Users/zhangxudong/Gits/turinhub/cf-mcp-server/mcp-image-generation"
      ],
      "env": {}
    }
  }
}

參數說明:

參數	類型	約束	說明
prompt	string	1 - 500 字符	英文描述提示詞
steps	number	4 ≤ steps ≤ 8	生成迭代步數

模塊構成

mcp-image-generation

graph LR
    subgraph mcp-image-generation
    A[Cloudflare Worker] --> B[Flux-1-Schnell 模型]
    A --> C[圖像生成API]
    C --> D((4 - 8 steps))
    end

支持步驟數範圍：4 - 8 步驟
響應格式：Base64 編碼的 PNG 圖像
部署方式：Cloudflare Workers

開發指南

添加新工具

參考在線文檔官方案例代碼庫

使用 MCP SDK 創建新 Worker：

npx create-cloudflare@latest my-new-worker
cd my-new-worker # 我總是忘記這一步
npm install workers-mcp
npx workers-mcp setup

⚠️ 重要提示

不要在項目本地 package.json 安裝 wrangler，直接使用全局管理。

實現工具邏輯後更新主服務配置
使用 @modelcontextprotocol/inspector 測試 MCP

npx @modelcontextprotocol/inspector

🔧 技術細節

本項目基於 Model Context Protocol (MCP) 構建圖像生成服務，採用 Cloudflare Workers 進行部署。mcp-image-generation 模塊通過 Cloudflare Worker 調用 Flux-1-Schnell 模型，提供圖像生成 API。支持 4 - 8 步驟的圖像生成，響應格式為 Base64 編碼的 PNG 圖像。通過邊緣計算優化部署，提升服務的響應速度和性能。