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

Logto MCP Server

Logto MCP Server はリモート MCP (Model Context Protocol) サーバーです。AI アプリケーションに URL を追加し、Logto Cloud アカウントでサインインして、Logto との対話を始めましょう。

ヒント:

Logto MCP Server は Logto と MCP Auth で構築されています。独自のリモート MCP サーバーを構築したい場合は、独自のリモート MCP サーバーを構築する をご覧ください。

できること​

  • プロジェクトへ認証 (Authentication) 機能の追加：AI がフレームワークを自動検出し、Logto アプリケーションを作成し、動作する統合コードを生成します。React、Next.js、Vue、Nuxt、SvelteKit、Express、Go、Python、iOS、Android、Flutter など 38 以上のフレームワークに対応。
  • Logto について質問する：AI が Logto ドキュメントを検索し、出典付きで回答します。

今後、サインイン体験の設定、ロールベースのアクセス制御 (RBAC) や権限管理のベストプラクティスガイダンス、組織による B2B アプリ構築のためのマルチテナンシー設定など、さらに多くの機能が追加予定です。

AI アプリケーションでのセットアップ​

Claude Desktop​

  1. メインメニューから Settings を開き、Connectors に移動して Add custom connector をクリックします。
  2. 名前に Logto MCP Server、リモート MCP サーバーの URL に https://mcp.logto.io を入力します。
  3. Advanced settings を展開し、OAuth クライアント ID に mcp-client を入力します。Add をクリックします。
  4. Connectors リストで Logto MCP Server を見つけて Connect をクリックします。
  5. Logto Cloud のサインインページにリダイレクトされます。サインインして接続を許可してください。

Cursor​

  1. コマンドパレット（Command + Shift + P）を開き、View: Open MCP Settings を選択します。

  2. Installed MCP Servers セクションで Add Custom MCP ボタンをクリックします。

  3. 開いた mcp.json ファイルに次の設定を追加します：

    {
      "mcpServers": {
        "Logto": {
          "command": "npx",
          "args": [
            "mcp-remote",
            "https://mcp.logto.io",
            "--allow-http",
            "--static-oauth-client-info",
            "{ \"client_id\": \"mcp-client\", \"scope\": \"mcp:all\" }",
            "--resource",
            "https://mcp.logto.io/"
          ]
        }
      }
    }

Logto Cloud のサインインページが自動的に表示されます。Logto Cloud アカウントでサインインして接続してください。

OpenCode​

  1. 次の設定を opencode.json ファイルに追加します：

    {
      "$schema": "https://opencode.ai/config.json",
      "mcp": {
        "Logto": {
          "enabled": true,
          "type": "remote",
          "url": "https://mcp.logto.io",
          "oauth": {
            "clientId": "mcp-client"
          }
        }
      }
    }

  2. 次のコマンドを実行して認証します：

    opencode mcp auth Logto

    Logto は設定ファイル内の MCP サーバー名に対応しています。

ブラウザウィンドウが開きます。Logto Cloud アカウントでサインインして認可・接続してください。

VS Code​

  1. コマンドパレット（Command + Shift + P）を開き、MCP: Add Server... を選択します。
  2. サーバータイプとして HTTP を選択します。
  3. URL に https://mcp.logto.io を入力します。ワークスペースにインストールして分離・管理を強化することもできます。
  4. OAuth フローが開始したら、App ID に mcp-client を入力します。App Secret は空のまま Enter でスキップしてください。
  5. Logto Cloud のサインインページにリダイレクトされます。Logto Cloud アカウントでサインインして接続してください。

Windsurf​

  1. コマンドパレット（Command + Shift + P）を開き、Windsurf: MCP Marketplace を選択します。

  2. Installed MCPs セクションで右側の設定アイコンをクリックし、~/.codeium/windsurf/mcp_config.json ファイルを作成・開きます。

  3. 次の 設定 を追加します：

    {
      "mcpServers": {
        "Logto": {
          "command": "npx",
          "args": [
            "mcp-remote",
            "https://mcp.logto.io",
            "--allow-http",
            "--static-oauth-client-info",
            "{ \"client_id\": \"mcp-client\", \"scope\": \"mcp:all\" }",
            "--resource",
            "https://mcp.logto.io/"
          ]
        }
      }
    }

Logto Cloud のサインインページが自動的に表示されます。Logto Cloud アカウントでサインインして接続してください。

その他の MCP クライアント​

Logto MCP Server は、OAuth 認可をサポートする任意の MCP クライアントで動作します。次の設定を使用してください：

  • MCP サーバー URL: https://mcp.logto.io
  • OAuth クライアント ID: mcp-client
  • リソース: https://mcp.logto.io/（クライアントが必要とする場合）
  • スコープ: mcp:all（クライアントが必要とする場合）

AI アプリケーション開発者で Logto MCP Server への接続をサポートしたいが、Logto MCP Server がまだアプリケーションのリダイレクト URI をサポートしていない場合は、お問い合わせ よりアプリケーションの詳細をお知らせください。

独自のリモート MCP サーバーを構築する​

Logto MCP Server は Logto と MCP Auth で構築されています。認証 (Authentication) 機能付きの独自リモート MCP サーバーを構築したい場合は、次のリソースをご覧ください：