Cloudflare Browser Rendering MCP

🚀 クラウドフレア ブラウザレンダリングモデルコンテキストプロトコル（MCP）サーバ

このサーバは、Cloudflareのブラウザレンダリング技術を活用し、Webコンテンツを処理し、大規模言語モデルに適合させる機能を提供します。

🚀 クイックスタート

# 依存関係のインストール
npm install cloudflare-mcp

# MCPサービスの起動
node src/server.ts

✨ 主な機能

核心機能

1. ブラウザレンダリング

   • Cloudflareのブラウザレンダリング技術を使用して、Webページのスナップショットを生成します。
   • 画像、HTMLなどの複数の形式での出力をサポートしています。

2. コンテンツ処理

   • 以下を含む、さまざまなWebコンテンツ処理ツールを提供します：
     • テキスト抽出
     • 構造化データの抽出
     • コンテンツの要約

3. モデル適合

   • GPTなどの主流の大規模言語モデルを統合しています。
   • カスタムモデルの拡張をサポートしています。

📦 インストール

1. リポジトリをクローンします。
2. npmを使用してビルドします：

   npm install
   npm run build
   

3. テストを起動します：

   npm test
   

📚 ドキュメント

プロジェクト構造

• src/index.ts：メインプログラムのエントリポイント
• src/server.ts：MCPサーバの実装
• src/browser-client.ts：Cloudflareのブラウザレンダリングとのやり取りを行うクライアント
• src/content-processor.ts：Webコンテンツを大規模言語モデルに適合させるための処理
• puppeteer-worker.js：Cloudflareのワーカープロセスの実装

設定例

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