Skip to content
@aws/nx-plugin
Blog

TypeScriptのMCPサーバー

大規模言語モデル（LLM）にコンテキストを提供するTypeScript Model Context Protocol（MCP）サーバーを生成し、オプションでAmazon Bedrock AgentCoreにデプロイします。

MCPとは？

Section titled “MCPとは？”

Model Context Protocol（MCP）は、AIアシスタントが外部ツールやリソースと相互作用するためのオープンスタンダードです。LLMが以下を実行するための一貫した方法を提供します：

  • アクションを実行したり情報を取得するツール（関数）の実行
  • コンテキストやデータを提供するリソースへのアクセス

使用方法

Section titled “使用方法”

MCPサーバーの生成

Section titled “MCPサーバーの生成”

TypeScript MCPサーバーは2つの方法で生成できます：

  1. インストール Nx Console VSCode Plugin まだインストールしていない場合
  2. VSCodeでNxコンソールを開く
  3. クリック Generate (UI) "Common Nx Commands"セクションで
  4. 検索 @aws/nx-plugin - ts#mcp-server
  5. 必須パラメータを入力
    • クリック Generate

    オプション

    Section titled “オプション”
    パラメータ 型 デフォルト 説明
    project 必須 string - The project to add an MCP server to
    computeType string BedrockAgentCoreRuntime The type of compute to host your MCP server. Select None for no hosting.
    name string - The name of your MCP server (default: mcp-server)
    iacProvider string CDK The preferred IaC provider

    ジェネレータの出力

    Section titled “ジェネレータの出力”

    ジェネレータは既存のTypeScriptプロジェクトに以下のファイルを追加します：

    • Directoryyour-project/
      • Directorysrc/
        • Directorymcp-server/ （カスタム名を指定した場合はそれを使用）
          • index.ts サーバーのエクスポート
          • server.ts メインサーバー定義
          • stdio.ts STDIOトランスポート用エントリポイント（シンプルなローカルMCPサーバーに有用）
          • http.ts ストリーミング可能なHTTPトランスポート用エントリポイント（MCPサーバーのホスティングに有用）
          • Directorytools/
            • add.ts サンプルツール
          • Directoryresources/
            • sample-guidance.ts サンプルリソース
          • Dockerfile MCPサーバーホスティング用エントリポイント（computeTypeがNoneの場合は除外）
      • package.json binエントリとMCP依存関係が更新
      • project.json MCPサーバーserveターゲットが更新

    インフラストラクチャ

    Section titled “インフラストラクチャ”

    このジェネレータは選択した iacProvider に基づいてInfrastructure as Codeを生成するため、packages/common に関連するCDKコンストラクトまたはTerraformモジュールを含むプロジェクトを作成します。

    共通のInfrastructure as Codeプロジェクトは以下の構造を持ちます：

    • Directorypackages/common/constructs
      • Directorysrc
        • Directoryapp/ プロジェクト/ジェネレータ固有のインフラストラクチャ用コンストラクト
          • …
        • Directorycore/ app 内のコンストラクトで再利用される汎用コンストラクト
          • …
        • index.ts app からコンストラクトをエクスポートするエントリーポイント
      • project.json プロジェクトのビルドターゲットと設定

    MCP サーバーをデプロイするために、以下のファイルが生成されます：

    • Directorypackages/common/constructs/src
      • Directoryapp
        • Directorymcp-servers
          • Directory<project-name>
            • <project-name>.ts MCP サーバーをデプロイするための CDK コンストラクト
            • Dockerfile CDK コンストラクトで使用されるパススルー Dockerfile
      • Directorycore
        • Directoryagent-core
          • runtime.ts Bedrock AgentCore ランタイムにデプロイする汎用 CDK コンストラクト

    MCPサーバーの操作

    Section titled “MCPサーバーの操作”

    ツールの追加

    Section titled “ツールの追加”

    ツールはAIアシスタントが呼び出せるアクションを実行する関数です。server.tsファイルに新しいツールを追加できます：

    server.tool("toolName", "tool description",
      { param1: z.string(), param2: z.number() }, // Zodを使用した入力スキーマ
      async ({ param1, param2 }) => {
        // ツールの実装
        return {
          content: [{ type: "text", text: "Result" }]
        };
      }
    );

    リソースの追加

    Section titled “リソースの追加”

    リソースはAIアシスタントにコンテキストを提供します。ファイルから静的リソースを追加したり、動的リソースを作成できます：

    const exampleContext = '返されるコンテキスト';
    

    server.resource('resource-name', 'example://resource', async (uri) => ({
      contents: [{ uri: uri.href, text: exampleContext }],
    }));
    

    // 動的リソース
    server.resource('dynamic-resource', 'dynamic://resource', async (uri) => {
      const data = await fetchSomeData();
      return {
        contents: [{ uri: uri.href, text: data }],
      };
    });

    AIアシスタントとの連携設定

    Section titled “AIアシスタントとの連携設定”

    設定ファイル

    Section titled “設定ファイル”

    MCPをサポートするほとんどのAIアシスタントは、同様の設定方法を使用します。MCPサーバーの詳細を記載した設定ファイルを作成または更新する必要があります：

    {
      "mcpServers": {
        "your-mcp-server": {
          "command": "npx",
          "args": ["tsx", "/path/to/your-mcp-server/stdio.ts"]
        }
      }
    }

    ホットリロード

    Section titled “ホットリロード”

    MCPサーバーを開発中は、--watch フラグを設定することでAIアシスタントが常に最新のツール/リソースを認識するようにできます：

    {
      "mcpServers": {
        "your-mcp-server": {
          "command": "npx",
          "args": ["tsx", "--watch", "/path/to/your-mcp-server/stdio.ts"]
        }
      }
    }

    アシスタント固有の設定

    Section titled “アシスタント固有の設定”

    特定のAIアシスタントでMCPを設定するには、各製品のドキュメントを参照してください：

    MCPサーバーの実行

    Section titled “MCPサーバーの実行”

    インスペクタ

    Section titled “インスペクタ”

    ジェネレータは<your-server-name>-inspectターゲットを設定します。このターゲットはMCP Inspectorを起動し、STDIOトランスポートを使用してMCPサーバーに接続します。

    Terminal window
    pnpm nx run your-project:your-server-name-inspect

    これによりhttp://localhost:6274でインスペクタが起動します。「Connect」ボタンをクリックして開始します。

    STDIO

    Section titled “STDIO”

    MCPサーバーをテスト・使用する最も簡単な方法は、インスペクタを使用するか、上記のようにAIアシスタントと連携させることです。

    STDIOトランスポートを使用して直接サーバーを実行するには、<your-server-name>-serve-stdioターゲットを使用します。

    Terminal window
    pnpm nx run your-project:your-server-name-serve-stdio

    このコマンドはtsx --watchを使用し、ファイル変更時に自動的にサーバーを再起動します。

    ストリーミング可能なHTTP

    Section titled “ストリーミング可能なHTTP”

    ストリーミング可能なHTTPトランスポートを使用してローカルでMCPサーバーを実行するには、<your-server-name>-serve-httpターゲットを使用します。

    Terminal window
    pnpm nx run your-project:your-server-name-serve-http

    このコマンドはtsx --watchを使用し、ファイル変更時に自動的にサーバーを再起動します。

    Bedrock AgentCore RuntimeへのMCPサーバーデプロイ

    Section titled “Bedrock AgentCore RuntimeへのMCPサーバーデプロイ”

    インフラストラクチャーとしてのコード

    Section titled “インフラストラクチャーとしてのコード”

    computeTypeにBedrockAgentCoreRuntimeを選択した場合、関連するCDKまたはTerraformのインフラストラクチャが生成され、Amazon Bedrock AgentCore RuntimeにMCPサーバーをデプロイする際に使用できます。

    ジェネレーター実行時に選択したnameに基づいて命名されたCDKコンストラクトが生成されます（デフォルトは<ProjectName>McpServer）。

    このCDKコンストラクトをCDKアプリケーションで使用できます：

    import { MyProjectMcpServer } from ':my-scope/common-constructs';
    

    export class ExampleStack extends Stack {
      constructor(scope: Construct, id: string) {
        // スタックにMCPサーバーを追加
        new MyProjectMcpServer(this, 'MyProjectMcpServer');
      }
    }

    認証

    Section titled “認証”

    IAM

    Section titled “IAM”

    デフォルトではMCPサーバーはIAM認証で保護されます。引数なしでデプロイできます：

    import { MyProjectMcpServer } from ':my-scope/common-constructs';
    

    export class ExampleStack extends Stack {
      constructor(scope: Construct, id: string) {
        new MyProjectMcpServer(this, 'MyProjectMcpServer');
      }
    }

    grantInvokeメソッドを使用してBedrock AgentCore Runtime上のMCPサーバー起動権限を付与できます。例：py#strands-agentジェネレーターで作成したエージェントにMCPサーバー呼び出し権限を付与：

    import { MyProjectAgent, MyProjectMcpServer } from ':my-scope/common-constructs';
    

    export class ExampleStack extends Stack {
      constructor(scope: Construct, id: string) {
        const agent = new MyProjectAgent(this, 'MyProjectAgent');
        const mcpServer = new MyProjectMcpServer(this, 'MyProjectMcpServer');
    

        mcpServer.agentCoreRuntime.grantInvoke(agent.agentCoreRuntime);
      }
    }

    Cognito JWT認証

    Section titled “Cognito JWT認証”

    以下はCognito認証を設定する方法を示しています。

    JWT認証を設定するには、MCPサーバーコンストラクトにauthorizerConfigurationプロパティを渡します。CognitoユーザープールとクライアントでMCPサーバーを保護する例：

    import { MyProjectMcpServer } from ':my-scope/common-constructs';
    

    export class ExampleStack extends Stack {
      constructor(scope: Construct, id: string) {
        const userPool = new UserPool(this, 'UserPool');
        const client = userPool.addClient('Client', {
          authFlows: {
            userPassword: true,
          },
        });
    

        new MyProjectMcpServer(this, 'MyProjectMcpServer', {
          authorizerConfiguration: {
            customJWTAuthorizer: {
              discoveryUrl: `https://cognito-idp.${Stack.of(userPool).region}.amazonaws.com/${userPool.userPoolId}/.well-known/openid-configuration`,
              allowedClients: [client.userPoolClientId],
            },
          },
        });
      }
    }

    バンドルターゲット

    Section titled “バンドルターゲット”

    Bedrock AgentCore Runtime用にMCPサーバーをビルドするため、<your-mcp-server>-bundleターゲットがプロジェクトに追加されます。このターゲットは：

    • esbuildを使用してMCPサーバーを単一のJavaScriptファイルにバンドル（ストリーミングHTTP MCPサーバーのエントリポイントとしてhttp.tsを使用）
    • MCPプロトコル契約に従いポート8000でこのバンドルサーバーを実行するDockerfileからDockerイメージをビルド

    オブザーバビリティ

    Section titled “オブザーバビリティ”

    お客様の MCP サーバーは、Dockerfile で自動計装を構成することにより、AWS Distro for Open Telemetry (ADOT) を使用したオブザーバビリティが自動的に設定されます。

    トレースは CloudWatch AWS コンソールのメニューで「GenAI Observability」を選択すると確認できます。トレースが表示されるためには、Transaction Search の有効化が必要なことにご注意ください。

    詳細については、AgentCore ドキュメントのオブザーバビリティ項目を参照してください。