Prerequisiti del tutorial
In questa pagina sono elencati i prerequisiti e i passaggi di configurazione per le esercitazioni di Adobe Commerce as a Cloud Service, ad esempio l'esercitazione sull'estensione delle classificazioni e l'esercitazione sull'estensione del metodo di spedizione.
Prerequisiti per Adobe Commerce as a Cloud Service
-
Installa Adobe I/O CLI
code language-bash npm install -g @adobe/aio-cli -
Installa i plug-in Adobe I/O CLI Commerce, Adobe I/O CLI Runtime e App Builder CLI:
code language-bash aio plugins:install https://github.com/adobe-commerce/aio-cli-plugin-commerce @adobe/aio-cli-plugin-app-dev @adobe/aio-cli-plugin-runtime -
Scaricare un IDE basato sull'intelligenza artificiale, ad esempio Cursor (scelta consigliata), sono supportati anche altri IDE, come Claude Code, Gemini CLI o Copilot, ma potrebbero essere necessarie modifiche ai prompt e ad altri passaggi dell'esercitazione.
Prerequisiti di Adobe Developer Console
- Passa a Adobe Developer Console.
- Accedi utilizzando l’e-mail e la password.
Crea un nuovo progetto
-
Passa a Adobe Developer Console.
-
Fai clic su Crea progetto da un modello.
-
Seleziona il modello App Builder.
-
Immetti un Titolo progetto e un Nome app.
-
Verificare che la casella di controllo Include Runtime sia contrassegnata.
{width="600" modal="regular"}
-
Fai clic su Salva.
Aggiungere API all’area di lavoro
-
Fare clic sull'area di lavoro Stage e quindi ripetere i passaggi seguenti per ogni API.
{width="600" modal="regular"}
-
Fai clic su Aggiungi servizio e seleziona API.
-
Seleziona una delle seguenti API. Dovrai ripetere questo processo per ogni API elencata di seguito:
-
Filtro Adobe Services:
- API di gestione I/O
- Eventi I/O API
-
Filtro Experience Cloud:
- API Adobe I/O Events per Adobe Commerce
-
-
Fai clic su Avanti.
-
Fai clic su Salva API configurata.
-
Ripeti i passaggi precedenti fino a quando tutte le API non vengono aggiunte all’area di lavoro.
{width="600" modal="regular"}
Configurare Adobe I/O CLI
-
Cancella eventuali configurazioni esistenti:
code language-bash aio config clearAccedi utilizzando Adobe I/O CLI:
code language-bash aio auth login -f -
Seleziona l’organizzazione, il progetto e l’area di lavoro utilizzando ciascuno dei seguenti comandi:
code language-bash aio console org selectcode language-bash aio console project selectcode language-bash aio console workspace select {width="600" modal="regular"}
Clonare i kit di avvio
Clona uno dei seguenti archivi di Commerce Starter Kit per l’estensione che stai creando e prepara il progetto:
Kit di avvio dell’integrazione:
git clone https://github.com/adobe/commerce-integration-starter-kit.git extension
cd extension
Kit di avvio per il pagamento:
git clone https://github.com/adobe/commerce-checkout-starter-kit.git extension
cd extension
Creare un file .env
Creare il file di configurazione dell’ambiente:
| code language-bash |
|---|
|
Apri il file .env in un editor di testo e aggiungi le seguenti credenziali OAuth:
| code language-shell-session |
|---|
|
È possibile copiare questi valori dalla pagina Credential details in Developer Console facendo clic sulla scheda OAuth Server-to-Server nell'area di lavoro.
Aggiungere la configurazione Commerce
Aggiungi i seguenti dettagli dell'istanza di Commerce al file .env:
| code language-shell-session |
|---|
|
Per trovare questi valori:
- Passa a istanze del servizio Commerce Cloud.
- Fai clic sull’icona delle informazioni accanto all’istanza.
- Copiare l'endpoint REST come
COMMERCE_BASE_URL. - Copiare l'endpoint GraphQL come
COMMERCE_GRAPHQL_ENDPOINT.
Imposta prefisso evento
Imposta un valore temporaneo per il prefisso dell'evento:
| code language-shell-session |
|---|
|
Scarica configurazione area di lavoro
Esegui il comando seguente per scaricare il file di configurazione dell’area di lavoro:
| code language-bash |
|---|
|
Copiare il file di configurazione dell'area di lavoro nella directory scripts:
| code language-bash |
|---|
|
Connetti area di lavoro locale a area di lavoro remota
Collega il progetto locale all’area di lavoro remota:
| code language-bash |
|---|
|
Connetti area di lavoro locale a area di lavoro remota
Collega il progetto locale all’area di lavoro remota. Dalla directory principale del progetto (la cartella extension), eseguire:
| code language-bash |
|---|
|
Quando richiesto, scegli l’opzione che utilizza l’organizzazione, il progetto e l’area di lavoro selezionati durante la configurazione di Adobe I/O CLI. In questo modo la configurazione dell’area di lavoro viene scritta nell’app in modo che l’area di lavoro venga utilizzata sia per la distribuzione che per lo sviluppo locale.
Installare gli strumenti di IA per l’estensibilità
Questo processo crea la configurazione MCP (.<agent>/mcp.json), la directory delle abilità (.<agent>/skills/) e aggiunge AGENTS.md alla directory principale del progetto. Verrà richiesto di scegliere un kit di avvio, un agente di codifica e un gestore di pacchetti.
-
Impostare gli strumenti di sviluppo assistito da IA nella cartella
extensionutilizzando i seguenti comandi:code language-bash cd extensioncode language-bash aio commerce extensibility tools-setup {width="600" modal="regular"}
-
Al termine dell’installazione, riavvia l’agente di codifica per consentirgli di caricare i nuovi strumenti e le nuove competenze MCP. Gli strumenti Commerce App Builder sono ora disponibili nel tuo ambiente.
note note NOTE Se viene visualizzato un avviso che indica che non sono state trovate abilità per il kit di avvio, si è verificato un errore, spesso perché la configurazione veniva eseguita in una cartella diversa da quella in cui è stato clonato il kit di avvio. Eseguire aio commerce extensibility tools-setupdalla cartellaextension(radice del progetto del kit di avvio) e selezionare il kit di avvio appropriato quando richiesto. {width="600" modal="regular"}