Cloudflare Browser Rendering MCP

🚀 雲flare 瀏覽器渲染模型上下文協議（MCP）服務器

本項目利用 Cloudflare 的瀏覽器渲染技術，實現了網頁快照生成、網絡內容處理等功能，並集成了主流大語言模型，為開發者提供了便捷的網頁數據處理解決方案。

🚀 快速開始

# 安裝依賴
npm install cloudflare-mcp

# 啟動 MCP 服務
node src/server.ts

📦 安裝指南

1. 克隆倉庫
2. 使用 npm 進行構建：

   npm install
   npm run build
   

3. 啟動測試：

   npm test
   

🔧 配置

項目結構

✨ 主要特性

核心功能

1. 瀏覽器渲染
   • 使用 Cloudflare 的瀏覽器渲染技術生成網頁快照。
   • 支持多種格式輸出（圖片、HTML 等）。
2. 內容處理
   • 提供多種網絡內容處理工具，包括：
     • 文本提取
     • 結構化數據抽取
     • 內容摘要
3. 模型適配
   • 集成主流大語言模型（如 GPT）。
   • 支持自定義模型擴展。

💻 使用示例

基礎用法

配置示例

在 src/server.ts 中配置 Cloudflare 賬戶信息：

import { CloudflareMCP } from 'cloudflare-mcp'

const cf = new CloudflareMCP({
  email: 'your@email.com',
  apiKey: 'your_api_key',
  zoneId: 'your_zone_id'
})

獲取網頁快照

await cf.renderPage('https://example.com', {
  width: 1280,
  height: 800,
  format: 'png'
})

提取文本內容

const text = await cf.extractText('https://example.com')
console.log(text)

🛠️ 故障排除

常見問題

1. "BROWSER_RENDERING_API 環境變量未設置"
   • 檢查 src/server.ts 中的環境變量配置。
   • 確保 Cloudflare 賬戶信息正確填寫。
2. "渲染服務不可用"
   • 查看 Cloudflare 控制檯確認瀏覽器渲染功能已啟用。
   • 確保 API 請求頻率在允許範圍內。
3. "權限不足"
   • 檢查賬戶是否具備所需權限。
   • 聯繫 Cloudflare 支持團隊升級權限。

🛠️ 開發指南

代碼貢獻規範

1. 遵循 雲開發規範。
2. 提交 PR 前通過 npm test 進行單元測試。
3. 確保文檔更新同步進行。

貢獻者名單

• 張三（負責人）
• 李四（開發人員）
• 王五（測試工程師）

📄 許可證

MIT