Skip to content

接続

このジェネレータは、ウェブサイトがAPIを呼び出すなど、プロジェクト同士を接続するために使用されます。ソースプロジェクト(例:APIを呼び出すプロジェクト)とターゲットプロジェクト(例:APIプロジェクト)を選択するだけで、このジェネレータが2つのプロジェクトの統合を処理します。

  1. インストール Nx Console VSCode Plugin まだインストールしていない場合
  2. VSCodeでNxコンソールを開く
  3. クリック Generate (UI) "Common Nx Commands"セクションで
  4. 検索 @aws/nx-plugin - connection
  5. 必須パラメータを入力
    • クリック Generate
    パラメータデフォルト説明
    sourceProject 必須string-ソース プロジェクト
    targetProject 必須string-接続先のターゲット プロジェクト
    sourceComponent string-接続元のソース コンポーネント (コンポーネント名、ソース プロジェクト ルートからの相対パス、またはジェネレーター ID)。プロジェクトをソースとして明示的に選択するには '.' を使用します。
    targetComponent string-接続先のターゲット コンポーネント (コンポーネント名、ターゲット プロジェクト ルートからの相対パス、またはジェネレーター ID)。プロジェクトをターゲットとして明示的に選択するには '.' を使用します。
    preferInstallDependencies booleantrueジェネレーター実行後に依存関係のインストールを優先するかどうか。複数のジェネレーターをバッチ処理する際にインストールを延期する場合はfalseに設定します(後続のジェネレーターがNxプロジェクトグラフを計算できるよう、必要に応じてインストールは実行されます)。最後に一度だけインストールします。

    接続ジェネレータは以下の接続をサポートしています:

    tRPC
    React to tRPCReactウェブサイトからtRPC APIを呼び出す
    FastAPI
    React to FastAPIReactウェブサイトからPython FastAPIを呼び出す
    Smithy
    React to Smithy APIReactウェブサイトからSmithy APIを呼び出す
    Strands AgentsPython
    React to Python AgentReactウェブサイトからPython Agentを呼び出す
    Strands AgentsTypeScript
    React to TypeScript AgentReactウェブサイトからTypeScript Agentを呼び出す
    CopilotKit
    React to AG-UI AgentCopilotKit経由でAG-UIプロトコルを公開するAgentをReactウェブサイトから呼び出す
    Strands AgentsPythonModel Context Protocol
    Python Agent to MCPPython AgentをMCPサーバーに接続する
    Strands AgentsTypeScriptModel Context Protocol
    TypeScript Agent to MCPTypeScript AgentをMCPサーバーに接続する
    Strands AgentsPythonAgent2Agent
    Python Agent to A2A AgentPython Agentをリモート A2A エージェントに接続する
    Strands AgentsTypeScriptAgent2Agent
    TypeScript Agent to A2A AgentTypeScript Agentをリモート A2A エージェントに接続する
    tRPCAmazon Aurora
    tRPC API to Relational DatabasetRPC APIをAuroraリレーショナルデータベースに接続する
    SmithyAmazon Aurora
    Smithy API to Relational DatabaseSmithy APIをAuroraリレーショナルデータベースに接続する
    Strands AgentsTypeScriptAmazon Aurora
    TypeScript Agent to Relational DatabaseTypeScript AgentをAuroraリレーショナルデータベースに接続する
    Model Context ProtocolTypeScriptAmazon Aurora
    TypeScript MCP Server to Relational DatabaseTypeScript MCP ServerをAuroraリレーショナルデータベースに接続する
    FastAPIAmazon AuroraPython
    FastAPI to Python Relational DatabaseFastAPIをPython Auroraリレーショナルデータベースに接続する
    Strands AgentsPythonAmazon AuroraPython
    Python Agent to Python Relational DatabasePython AgentをPython Auroraリレーショナルデータベースに接続する
    Model Context ProtocolPythonAmazon AuroraPython
    Python MCP Server to Python Relational DatabasePython MCP ServerをPython Auroraリレーショナルデータベースに接続する
    tRPCAmazon DynamoDB
    tRPC API to TypeScript DynamoDBtRPC APIをDynamoDBテーブルに接続する
    SmithyAmazon DynamoDB
    Smithy API to TypeScript DynamoDBSmithy APIをDynamoDBテーブルに接続する
    Strands AgentsTypeScriptAmazon DynamoDB
    TypeScript Agent to TypeScript DynamoDBTypeScript AgentをDynamoDBテーブルに接続する
    Model Context ProtocolAmazon DynamoDB
    MCP Server to TypeScript DynamoDBTypeScript MCP ServerをDynamoDBテーブルに接続する
    FastAPIAmazon DynamoDBPython
    FastAPI to Python DynamoDBFastAPIをDynamoDBテーブルに接続する
    Strands AgentsPythonAmazon DynamoDBPython
    Python Agent to Python DynamoDBPython AgentをDynamoDBテーブルに接続する
    Model Context ProtocolPythonAmazon DynamoDBPython
    Python MCP Server to Python DynamoDBPython MCP ServerをDynamoDBテーブルに接続する
    Amazon Bedrock AgentCore GatewayModel Context Protocol
    AgentCore Gateway to MCP ServerAgentCore GatewayでMCPサーバーを集約する
    Amazon Bedrock AgentCore GatewayAmazon Bedrock AgentCore Gateway
    AgentCore Gateway to AgentCore Gateway別のAgentCore Gatewayの背後にAgentCore Gatewayを集約する
    Strands AgentsTypeScriptAmazon Bedrock AgentCore Gateway
    TypeScript Agent to AgentCore GatewayTypeScript AgentをAgentCore Gatewayに接続する
    Strands AgentsPythonAmazon Bedrock AgentCore Gateway
    Python Agent to AgentCore GatewayPython AgentをAgentCore Gatewayに接続する