Gereedschap voor AI-codeontwikkelaars voor Adobe Commerce App Builder

Installeer de recentste ​ CLI van Adobe I/O ​ globaal:

npm install -g @adobe/aio-cli

Installeer de volgende plug-ins:

• ​ Adobe I/O CLI Commerce ​
• ​ CLI Runtime van Adobe I/O ​
• ​ 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

Kies een van de volgende opties:

• Commerce ​ integratiestartkit ​ - voor de bouw van rug-bureau integratie.

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

• Commerce ​ checkout starter kit ​ voor de bouw van of het uitbreiden van de controleervaring, met inbegrip van betalingen, het verschepen, en belastingen.

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

Navigeer naar de startmap:

cd commerce-integration-starter-kit

Installeer de Commerce AI-uitbreidbaarheidsprogramma's met de interactieve instellingsopdracht:

aio commerce extensibility tools-setup

Het installatieproces vraagt u om configuratieopties. Volg de aanwijzingen om de installatie te voltooien. De gereedschappen worden in de geselecteerde map geïnstalleerd.

• Selecteer de startkit die u voor uw project wilt gebruiken.

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

• Selecteer de gewenste coderingsagent. Meer dan 40 coderingsagenten worden gesteund, maar als u uw aangewezen agent niet ziet, kunt u de Other optie gebruiken om vaardigheden voor om het even welke coderingsagent te installeren. Verwijs naar de documentatie van uw coderingsagent voor instructies op hoe te om de vaardigheden te vormen.

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

• Het installatieprogramma gaat na of NPM of Yarn is geïnstalleerd en selecteert automatisch de gewenste optie. Als u echter geen van beide hebt geïnstalleerd, wordt u gevraagd om uw pakketbeheer te selecteren, raadt Adobe u aan npm te gebruiken voor consistentie:

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

Nadat de coderingsgereedschappen zijn geïnstalleerd, wordt het installatieproces geconfigureerd:

• Integratie van MCP-servers voor Adobe Commerce-ontwikkeling
• ​ de vaardigheden van de Agent ​ voor verbeterde ontwikkelingservaring
• Commerce-specifieke ontwikkelingsinstrumenten en -workflows

De vaardigheden en hulpmiddelen MCP zijn nu geïnstalleerd. Als u niet de vaardigheden en hulpmiddelen MCP ziet, begin uw coderingsagent opnieuw.

Begin winde van de Curseur opnieuw om de nieuwe hulpmiddelen MCP en de configuratie te laden.

Controleer de installatie door te bevestigen dat de vaardigheden aanwezig zijn in de map .cursor/skills/ .

Schakel de MCP-server in:

• Open de Montages van de Curseur MCP gebruikend Cmd+Shift+P (macOS) of Ctrl+Shift+P (Vensters en Linux).
• Type Mening: Open Montages MCP
• Plaats handel-rekbaarheid MCP Server in de lijst
• Wissel de server AAN om de coderingshulpmiddelen toe te laten

Verifieer de serverstatus - de uitbreidbaarheid MCP van Commerce zou als moeten verschijnen:

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

Gebruik de volgende herinnering om te zien of gebruikt de agent de server MCP. Als het niet, vraag de agent uitdrukkelijk om de beschikbare hulpmiddelen MCP te gebruiken.

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?

Start Visual Studio Code opnieuw om de nieuwe MCP-gereedschappen en -configuratie te laden.

Controleer de installatie door te bevestigen dat het copilot-instructions.md -bestand bestaat in de map .github .

Schakel de MCP-server in:

• Open het Comité van Uitbreidingen door het pictogram van Uitbreidingen in de bar van de Activiteit op linkerzijbalk te klikken of door Cmd+Shift+X (macOs) of Ctrl+Shift+X (Vensters en Linux) te gebruiken.
• Klik MCP SERVERS - GEÏNSTALLEERD.
• Klik het tandwielpictogram naast handel-rekbaarheid MCP Server en selecteer de Server van het Begin, als de server wordt tegengehouden.
• Klik opnieuw het tandwielpictogram, en selecteer tonen Output.

Controleer de serverstatus. De uitvoer van MCP:commerce-extensibility moet overeenkomen met het volgende:

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

Gebruik de volgende herinnering om te zien of gebruikt de agent de server MCP. Als het niet, vraag de agent uitdrukkelijk om de beschikbare hulpmiddelen MCP te gebruiken.

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

Start de lokale ontwikkelingsserver:

aio-app-dev

Handelingen lokaal testen:

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

Distribueren naar runtime:

aio-app-deploy

Uitgevoerde acties testen

Webbrowser of directe HTTP-aanvragen gebruiken

Activeringslogboeken controleren voor foutopsporing

Typ /feedback in de agent en selecteer de opdracht commerce-extensibility/feedback .

Verstrek uw terugkoppel voor het hulpmiddel op het terugkoppelen gebied dat bij de bovenkant van winde verschijnt en druk binnengaan sleutel.

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

Op sparen Lokaal gebied, type of yes of no en druk binnengaan om erop te wijzen als u een lokaal exemplaar van uw logboeken wilt bewaren.

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

Als u ja selecteerde, kunt u de logboeken in uw chats omslag herzien na het verzenden van uw terugkoppelt.

De opdracht commerce-extensibility/feedback wordt weergegeven in het veld voor chatinvoer van de agent. De pers gaat binnen of klikt verzendt om uw te verzenden terugkoppelt aan Adobe.