ローカルハンドラーの開発とテスト development

IMPORTANT
Adobe LLM Appsは現在Betaにいます。
ここに示す機能、ワークフロー、UIは、必ずしも製品の最終状態を表すものではありません。 Betaに参加するには、llm-apps-beta@adobe.comに電子メールを送信します。

この参照は、ハンドラーをローカルで開発する際に使用します。 ハンドラー結果コントラクトについては、生成されたハンドラーのカスタマイズ ​を参照してください。

要件

  • Node.js 24以降。
  • npm:
  • リンクされたハンドラーリポジトリのローカルクローン。

Adobe Managed Infrastructureの場合は、このリファレンスに従う前にリポジトリアクセスをリクエストしてください。 ローカルハンドラーの実行にはAdobeの資格情報は必要ありませんが、保護されたアップストリームサービスには、独自の承認済みアクセスが必要です。

プロジェクト構造

現在のハンドラーボイラープレートは、次のレイアウトに従います。

your-llm-app/
├── entry.js                   # Webpack entry — do not modify
├── actions/                   # One folder per action
│   └── echo/
│       └── index.js           # Example handler
├── test/
│   ├── actions/
│   │   └── echo.test.js
│   ├── fixtures/
│   │   └── actions.json
│   ├── html-transform.js
│   ├── jest.setup.js
│   └── server.test.js
├── server/
│   └── local.js               # Local dev server (port 9080)
├── actions.json               # Gitignored — optional local metadata
├── app.config.yaml            # Adobe I/O Runtime config
├── webpack.config.js
└── package.json

重要なポイント:

  • entry.js​はwebpack エントリポイントです。 ビルド時に、すべてのactions/*/index.js ファイルが検出され、1つのdist/index.jsにバンドルされます。 エントリポイントは変更しないでください。
  • actions.json​は許可されています。 デプロイメントパイプラインは、LLM Appsのアクションメタデータから自動的に書き込みます。
  • テスト​は、actions/内のtest/actions/、ではなく​に存在します。 ビルドはハンドラーのエントリポイントを検出し、そのインポートをバンドルします。その検出ツリーの外にテストを保持します。
  • アクションパス​は、コード識別子またはそのハイフネーション付きフォームを使用します。 例えば、search_productsはactions/search_products/index.jsに解決されるか、生成されたコードの場合はactions/search-products/index.jsに解決されます。 表示名がルックアップキーではありません。
  • 生成されたdata.jsonなどのサポートデータ​は、ハンドラーが読み込むときにバンドルされます。

ローカル開発

Adobe資格情報を使用せずにローカルでハンドラーを開発およびテストするには、次を実行します。

npm install
npm run dev:local

開発コマンドは、webpackを使用してプロジェクトを構築し、http://localhost:9080にプレーン Node.js HTTP サーバーを起動します。 ハンドラーまたはローカル メタデータの変更後にnpm run dev:localを停止して再実行します。コマンドはファイルを監視しません。

別のポートを使用するには:

PORT=9081 npm run dev:local

ローカルメタデータの動作

ボイラープレート READMEとランタイム スタートアップ バナーが言及されていても、現在のUIではactions.json ダウンロードは提供されません。 ローカルサーバーも入力されたファイルなしで開始します。ビルドは、ファイルが見つからないときに{"actions":[]}を作成し、ランタイムはハンドラー検出にフォールバックします。

検出はハンドラーのリスト作成には便利ですが、完全な引数テストモードではありません。 入力スキーマがない場合、MCP SDKは、通常の(args, extra)署名を使用する代わりに、ランタイムコンテキストを最初の引数としてハンドラーを呼び出します。 SDKは、指定されたアクション引数を転送しません。

引数を含むMCP呼び出しの場合は、アクションエディターに一致する代表メタデータを含む​ローカルのみ actions.jsonを作成します。 ボイラープレート echo ハンドラーの場合:

{
  "actions": [
    {
      "name": "echo",
      "description": "Echo the supplied message.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "message": { "type": "string" }
        },
        "required": ["message"]
      }
    }
  ]
}

actions配列が空でない場合、ランタイムは配列にという名前のアクションのみを登録します。 各アクションのコード IDをnameとして使用します。 パラメーターを持たないアクションでも、通常のハンドラー署名を保持するために"properties": {}を持つオブジェクトスキーマが必要です。

ローカルメタデータは、UIまたはデプロイメント設定を更新しません。 ランタイムは、サポートされているタイプ、必須フィールド、列挙、配列項目を検証しますが、すべてのJSON スキーマ制約を検証するわけではありません。ハンドラーの長さ、範囲、ネストされたオブジェクト、およびビジネスルールを検証します。 ボイラープレート統合テストでは、test/fixtures/actions.jsonを代表的なメタデータとして使用します。

ローカルアプリ変数

アプリ変数はprocess.envではなくextra.variablesを通じてハンドラーに到達します。 @adobe/llm-apps-runtimeのgetVariable(extra, name)で読み上げます。 ビルド後に機密性のない設定をシミュレートするには:

npm run build
node server/local.js \
  --param 'LLMA_VARIABLE_NAMES=["GREETING_PREFIX"]' \
  --param GREETING_PREFIX=Howdy

JSON マニフェストと名前付き値の両方を指定します。 通常の(args, extra)契約をテストする際に、入力スキーマを使用してローカル actions.jsonにハンドラーを含めます。 コマンドラインフラグは、プラットフォームからアプリ設定を読み込みません。 環境固有のデプロイメント設定については、​ アプリ変数とシークレットの設定を参照してください。

curlでテスト

上記のローカル echo メタデータを追加したら、サーバーをビルドして起動し、次を実行します。

# List all registered tools
curl -sX POST "http://localhost:9080" \
  -H 'content-type: application/json' \
  -H 'accept: application/json;q=1.0, text/event-stream;q=0.5' \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/list","params":{}}'

# Call the boilerplate echo action (returns "Echo: hello")
curl -sX POST "http://localhost:9080" \
  -H 'content-type: application/json' \
  -H 'accept: application/json;q=1.0, text/event-stream;q=0.5' \
  -d '{"jsonrpc":"2.0","id":2,"method":"tools/call","params":{"name":"echo","arguments":{"message":"hello"}}}'

MCP Inspectorを使用したテスト

npx @modelcontextprotocol/inspector

Transport Type​をstreamable-httpに、URL​をhttp://localhost:9080に設定します。

テスト

ハンドラー単体テストはtest/actions/の下に存在し、MCP スキーマ検証なしで、書き出された関数を直接呼び出します。

// test/actions/echo.test.js
const handler = require('../../actions/echo/index.js')

test('echoes the message', async () => {
  const result = await handler({ message: 'hello' })
  expect(result.content[0].text).toBe('Echo: hello')
})

test('always returns content parts', async () => {
  const result = await handler({})
  expect(Array.isArray(result.content)).toBe(true)
})

次を使用してテストを実行:

npm test                                 # configured Jest suite
npm test -- --runInBand test/actions/echo.test.js  # one boilerplate action

生成されたテストの中には、Jestの代わりにNodeの組み込みのテストランナーを使用するものもあります。 テストのインポートを確認し、一致するランナー(例:node --test test/actions/search-products.test.js)をnode:testをインポートするファイルに使用します。 ファイルをtest/actions/の下に配置した後、生成された相対インポートを確認します。

単体テストだけでは、メタデータ、MCP検証、ウィジェットの読み込み、ホストの動作は検証されません。 代表的なメタデータを使用してローカルエンドポイントをテストし、サポートされているLLM プラットフォームでデプロイされたアプリをテストします。

ローカルテストが合格したら、変更をプッシュして変更をデプロイ ​します。

recommendation-more-help
llm-apps-help-main-toc