• 検証
  • ロジック
  • 準備完了
  • 確認

AIを使ってCommerce.jsのショッピングカートのロジックをテストする方法

Commerce.jsをAIクライアントに接続すれば、チェックアウトの自動シミュレーションが可能になります。ブラウザを操作することなく、空のカートから決済準備完了の状態まで進めることができます。

このページについてAIに聞く

すぐに答え

AIを使ってCommerce.jsのチェックアウトフローをテストできますか?

AIが専用ツールを使用して、カートの作成、数量の変更、最終的なチェックアウト用のトークン生成を行います。チャットを通じて一連の顧客体験をシミュレートすることで、ストアのロジックが正しく動作するか検証できます。商品の組み合わせや数量変更がカートにどう反映されるかを正確に確認可能です。

検証結果の確認

テストの結果

トランザクションフローの複雑な処理はAIが行います。あなたは結果を確認するだけで済みます。

検証

カート状態の確認

AIがカートを作成して商品を追加し、計算結果や在庫状況が期待通りであることを確認します。

ロジック

数量の更新

AIにカートの調整を指示することで、数量変更や商品の削除がストアでどう処理されるかをテストできます。

準備完了

トークンの生成

AIが決済フェーズへ進むために必要な最終トークンを生成し、フローがエンドツーエンドで機能することを示します。

確認

手動でのレビュー

シミュレーションを停止するタイミングや、ダッシュボードで最終的なチェックアウト状態を手動で確認するかどうかは、あなたが判断します。

ワークフロー

リクエストを受けた際のAIの動作

AIは一連のAPI呼び出しを実行し、ユーザーがストア内をクリックして進む動作を再現します。

  1. セッションの初期化

    AIが新しいショッピングコンテナを作成し、新しいセッションを開始します。

    create_cart
  2. カートへの追加

    AIがカタログから特定の製品を選択し、セッション内のカートに追加します。

    add_to_cart
  3. 数量の変更

    AIが商品の数量を変更したり、特定の製品を削除したりして、エッジケースのテストを行います。

    update_cart_item
  4. 決済の準備

    AIがカートをチェックアウト状態に移行させるために必要なトークンを生成します。

    generate_checkout_token

試してみる

以下のプロンプトをコピーして開始してください。

これらのプロンプトを使ってテストを開始できます。

出発点

商品IDや数量は、実際のCommerce.jsストアのデータに置き換えて使用してください。

Commerce.js Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_ZgukHGQpP1qYi7hLmBlRzSHHjXtqzQC7UH0oJCwK/mcp

Claude Desktop

以下の手順で数秒で接続できます。

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Commerce.js capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "commercejs-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_ZgukHGQpP1qYi7hLmBlRzSHHjXtqzQC7UH0oJCwK/mcp"
    }
  }
}
チャットにコピー04
  • 新しいカートを作成し、商品ID 'prod_123' を追加してください。

  • 現在のカートにある商品の数量を5に変更してください。

  • まとめ買いのロジックをテストするために、異なる商品を3つカートに追加してください。

  • 最終的な合計金額を確認したいので、現在のカートのチェックアウト用トークンを生成してください。

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

ここから始める

Commerce.jsを一度接続すれば、あとは指示するだけです。

アカウントの連携は一度だけで完了します。認証情報は暗号化されて保護されるため、すぐに使い慣れたAIクライアントからテストを開始できます。

Commerce.jsをAIに接続する

FAQ

動作に関する詳細

  • 01

    AIは実際のクレジットカード決済を行うことができますか?

    いいえ。AIはチェックアウト用トークンを生成するのみです。実際の決済は、通常のチェックアウト画面を通じて行う必要があります。

  • 02

    AIがストアから商品を削除することはありませんか?

    ありません。ツールはカートとチェックアウト用トークンの操作のみを行います。商品カタログを書き換えたり、データベースから商品を削除したりすることはありません。

  • 03

    AIを使って割引コードのテストはできますか?

    現在のツールは、カートの作成、商品の更新、およびトークンの生成に特化しています。特定の割引コードを適用するためのツールは用意されていません。

  • 04

    AIは顧客の個人データにアクセスしますか?

    いいえ。AIは、利用可能なツールによって定義されたカートおよびチェックアウトのロジックのみを操作します。

  • 05

    AIが商品の価格を変更することはできますか?

    いいえ。AIができるのは、既存の商品の追加や数量の更新のみです。Commerce.jsのカタログに設定されている価格を上書きすることはできません。

  • Commerce.jsについて他に質問がありますか? Commerce.js Connectorの全機能を見る

『Commerce.js』を Claude、Cursor、ChatGPT などに接続