メインコンテンツまでスキップ

Claude Desktopを接続する

mcp-remote ブリッジを使って、Claude DesktopからチームのMCPサーバーにBloque経由で接続します。

:::info claude.ai とモバイル ClaudeのWebアプリとモバイルアプリは、OAuthが必要なカスタムコネクターでリモートサーバーに接続します。BloqueはAPIキーでクライアントを認証するため、現時点ではclaude.aiとモバイルアプリからBloqueには接続できません。代わりにClaude Desktop、Claude Code、またはCodexを使用してください。 :::

1. Bloqueアカウントを作成する​

bloque.run にアクセスし、GitHubまたはメールアドレスでサインアップします。Hubは自動的に作成されます。

2. MCPサーバーを追加する​

MCP Servers → Add Server に移動し、レジストリからサーバーを選ぶか、GitHub URLまたはnpmパッケージ名を貼り付けるか、接続情報を手動で入力します。詳しくは MCPサーバーを追加する を参照してください。

3. APIキーを生成する​

サイドバーの API Keys を開いてキーを作成します。次のステップで貼り付けるため、コピーしておきます。

4. Claude Desktopを接続する​

Claude DesktopのカスタムコネクターはOAuthを使用しますが、Claude Desktopは local MCP servers にも対応しています。ローカルで mcp-remote ブリッジを使うことでBloqueに接続し、APIキーをヘッダーとして追加できます。

Claude Desktopは claude_desktop_config.json からローカルMCPサーバーを読み込みます。

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json

bloque エントリを追加します（npx を使うためNode.jsが必要です）。

{
  "mcpServers": {
    "bloque": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.bloque.run/mcp",
        "--header",
        "Authorization:${AUTH_HEADER}"
      ],
      "env": {
        "AUTH_HEADER": "Bearer <your API key>"
      }
    }
  }
}

<your API key> をステップ3で作成したキーに置き換え、保存してClaude Desktopを再起動します。

5. 試す​

新しいチャットを開きます。Bloqueのツールは Search and tools メニューに表示されます。次のように質問します。

Bloqueで利用できるツールを教えてください。

Claudeがステップ2で追加したサーバーのツールを一覧表示すれば成功です。何も表示されない場合はClaude Desktopを再起動し、設定ファイルにJSON構文エラーがないか確認してください。

次のステップ​