Website Scraper And Analyzer

🚀 Cloudflare上で認証不要のリモートMCPサーバーを構築する

このサンプルでは、Cloudflare Workers上に認証不要のリモートMCPサーバーをデプロイすることができます。このサーバーは、ウェブサイト分析とコンテンツ抽出ツールを統合しており、Cloudflareのブラウザレンダリングと人工知能機能を活用しています。

🚀 クイックスタート

これにより、MCPサーバーが remote-mcp-server-authless.<your-account>.workers.dev/sse のようなURLにデプロイされます。

または、以下のコマンドラインを使用して、ローカルマシン上にリモートMCPサーバーを作成することもできます。

npm create cloudflare@latest -- my-mcp-server --template=cloudflare/ai/demos/remote-mcp-authless

✨ 主な機能

ウェブサイト分析ツール

1. analyze_website

   • Cloudflareのブラウザレンダリング技術を使用してウェブサイトをクロールし、分析します。
   • Cloudflare AIを利用して、ウェブサイトのコンテンツの要約を提供します。
   • 入力：url（文字列）- 分析するウェブサイトのURL
   • 例：[tool] analyze_website(url: "https://example.com")

2. ask_q_about_website

   • ウェブサイトをクロールし、そのコンテンツに関する具体的な質問に回答します。
   • Cloudflare AIを利用して、ウェブサイトのコンテンツに関する質問を理解し、応答します。
   • 入力：
     • url（文字列）- 分析するウェブサイトのURL
     • question（文字列）- ウェブサイトのコンテンツに関する質問
   • 例：[tool] ask_q_about_website(url: "https://example.com", question: "What services does this company offer?")

🛠️ あなたのMCPサーバーをカスタマイズする

MCPサーバーに独自のツールを追加するには、src/index.ts の init() メソッドで this.server.tool(...) を使用して各ツールを定義します。

💻 Cloudflare AIプレイグラウンドに接続する

以下の手順で、あなたのMCPサーバーに接続することができます。

1. https://playground.ai.cloudflare.com/ にアクセスします。
2. デプロイしたMCPサーバーのURL (remote-mcp-server-authless.<your-account>.workers.dev/sse) を入力します。
3. これで、プレイグラウンドから直接あなたのMCPツールを使用することができます！

🖥️ Claude DesktopをあなたのMCPサーバーに接続する

MCP-remoteプロキシ を介して、リモートMCPサーバーに接続することもできます。

Claude DesktopをあなたのリモートMCPサーバーに接続するには、Anthropicのクイックスタートガイド に従い、Claude Desktopの設定 > 開発者 > 構成の編集で以下のように変更します。

以下の構成に更新します。

{
  "mcpServers": {
    "calculator": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "http://localhost:8787/sse"  // または remote-mcp-server-authless.your-account.workers.dev/sse
      ]
    }
  }
}

Claudeを再起動すると、ツールが使用可能になるはずです。

⚙️ 前提条件

ウェブサイト分析ツールを使用するには、以下が必要です。

1. ブラウザバインディングを有効にしたCloudflare Workers
2. Cloudflare AIバインディングを構成する
3. これら2つのバインディングに適切な権限を設定する

wrangler.jsonc が以下の内容を含んでいることを確認してください。

{
  "browser": {
    "binding": "BROWSER"
  },
  "ai": {
    "binding": "AI"
  }
}