Verktyg för AI-kodningsutvecklare för Adobe Commerce App Builder

Installera den senaste Adobe I/O CLI globalt:

npm install -g @adobe/aio-cli

Installera följande plugin-program:

• Adobe I/O CLI Commerce
• Adobe I/O CLI Runtime
• App Builder CLI

aio plugins:install https://github.com/adobe-commerce/aio-cli-plugin-commerce @adobe/aio-cli-plugin-app-dev @adobe/aio-cli-plugin-runtime

Klona något av följande:

• Commerce integreringsstartkit - för att skapa integration med andra avdelningar.

  code language-bash
  git clone git@github.com:adobe/commerce-integration-starter-kit.git

• Commerce startpaket för utcheckning för att skapa eller utöka utcheckningsupplevelsen, inklusive betalningar, frakt och skatter.

  code language-bash
  git clone git@github.com:adobe/commerce-checkout-starter-kit.git

Gå till startpaketkatalogen:

cd commerce-integration-starter-kit

Installera Commerce AI-utökningsverktygen genom att köra det interaktiva installationskommandot:

aio commerce extensibility tools-setup

Installationsprocessen uppmanar dig med konfigurationsalternativ. Följ anvisningarna för att slutföra installationen. Verktygen installeras i den valda katalogen.

• Välj det startpaket som du vill använda för ditt projekt.

  code language-shell-session
  ? Which starter kit would you like to use? ❯ Integration starter kit Checkout starter kit

• Välj den kodningsagent du vill använda. Mer än 40 kodningsagenter stöds, men om du inte ser din favoritagent kan du använda alternativet Other för att installera kunskaper för alla kodningsagenter. I dokumentationen för kodningsagenten finns instruktioner om hur du konfigurerar kunskaperna.

  code language-shell-session
  ? Which coding agent would you like to install skills for? ❯ Cursor Claude Code GithubCopilot Windsurf Gemini CLI OpenAI Codex Cline ...

• Installationsprogrammet identifierar om du har installerat NPM eller Garn och gör rätt val automatiskt. Om du inte har installerat någon av dem uppmanas du att välja en pakethanterare. Adobe rekommenderar att du använder npm för att få en konsekvent inställning:

  code language-shell-session
  ? Which package manager would you like to use? ❯ npm yarn

När kodningsverktygen har installerats konfigureras följande under installationen:

• MCP-serverintegration för Adobe Commerce-utveckling
• Agentfärdigheter för förbättrad utvecklingsupplevelse
• Commerce-specifika utvecklingsverktyg och arbetsflöden

Kunskaps- och MCP-verktygen är nu installerade. Om du inte ser kunskaperna och MCP-verktygen startar du om kodningsagenten.

Starta om markörutvecklingsmiljön för att läsa in de nya MCP-verktygen och konfigurationen.

Verifiera installationen genom att bekräfta att det finns kunskaper i mappen .cursor/skills/.

Aktivera MCP-servern:

• Öppna MCP-inställningarna för markören med Cmd+Skift+P (macOS) eller Ctrl+Skift+P (Windows och Linux).
• Typ Visa: Öppna MCP-inställningar
• Leta upp Commerce-extensibility MCP Server i listan
• Aktivera kodningsverktygen genom att växla servern PÅ

Kontrollera serverstatusen - Commerce Extensibility MCP Server ska visas som:

Status: Connected/Active
Server: commerce-extensibility
Configuration: Automatically configured via .cursor/mcp.json

Använd följande uppmaning för att se om agenten använder MCP-servern. Om så inte är fallet ber du agenten uttryckligen att använda de tillgängliga MCP-verktygen.

What are the differences between Adobe Commerce PaaS and Adobe Commerce as a Cloud Service when configuring a webhook that activates an App Builder runtime action?

Starta om Visual Studio Code för att läsa in de nya MCP-verktygen och konfigurationen.

Kontrollera installationen genom att bekräfta att filen copilot-instructions.md finns i mappen .github.

Aktivera MCP-servern:

• Öppna panelen Tillägg genom att klicka på ikonen Tillägg i aktivitetsfältet till vänster eller genom att använda Cmd+Skift+X (macOS) eller Ctrl+Skift+X (Windows och Linux).
• Klicka på MCP-SERVRAR - INSTALLERADE.
• Klicka på kugghjulsikonen bredvid Commerce-extensibility MCP Server och välj Start Server om servern stoppas.
• Klicka på kugghjulsikonen igen och välj Visa utdata.

Kontrollera serverstatusen. MCP:commerce-extensibility-utdata ska matcha följande:

2025-11-13 12:58:50.652 [info] Starting server commerce-extensibility
2025-11-13 12:58:50.652 [info] Connection state: Starting
2025-11-13 12:58:50.652 [info] Starting server from LocalProcess extension host
2025-11-13 12:58:50.657 [info] Connection state: Starting
2025-11-13 12:58:50.657 [info] Connection state: Running

(...)

2025-11-13 12:58:50.753 [info] Discovered 10 tools

Använd följande uppmaning för att se om agenten använder MCP-servern. Om så inte är fallet ber du agenten uttryckligen att använda de tillgängliga MCP-verktygen.

What are the differences between Adobe Commerce PaaS and SaaS when configuring a webhook that activates an App Builder runtime action?

Starta lokal utvecklingsserver:

aio-app-dev

Testa åtgärder lokalt:

aio-dev-invoke action-name --parameters '{"test": "data"}'

Distribuera till körningsversion:

aio-app-deploy

Testa distribuerade åtgärder

Använd webbläsare eller direkt HTTP-begäran

Kontrollera aktiveringsloggar för felsökning

Skriv /feedback i din agent och välj kommandot commerce-extensibility/feedback.

Ge din feedback för verktygen i fältet Feedback som visas högst upp i IDE och tryck på Retur .

{width="600" modal="regular"}

I fältet Spara lokalt skriver du antingen yes eller no och trycker på Retur för att ange om du vill spara en lokal kopia av loggarna.

{width="600" modal="regular"}

Om du har valt Ja kan du granska loggarna i mappen chats när du har skickat din feedback.

Kommandot commerce-extensibility/feedback visas i agentens chattinmatningsfält. Tryck på Enter eller klicka på Skicka för att skicka din feedback till Adobe.