Requisitos previos del tutorial
En esta página se enumeran los requisitos previos y los pasos de configuración de Adobe Commerce as a Cloud Service tutoriales, como el tutorial de extensión de clasificaciones y el tutorial de extensión de método de envío.
Requisitos previos de Adobe Commerce as a Cloud Service
-
Instalar Adobe I/O CLI
code language-bash npm install -g @adobe/aio-cli -
Instale los complementos Adobe I/O CLI Commerce, Adobe I/O CLI Runtime y 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 -
Descargue un IDE asistido por IA, como Cursor (recomendado), otros IDE, como Claude Code, Gemini CLI o Copilot también son compatibles, pero podrían requerir modificaciones en las indicaciones y otros pasos en el tutorial.
Requisitos previos de Adobe Developer Console
- Vaya a Adobe Developer Console.
- Inicie sesión con su correo electrónico y contraseña.
Creación de un nuevo proyecto
-
Vaya a Adobe Developer Console.
-
Haga clic en Crear proyecto a partir de una plantilla.
-
Seleccione la plantilla App Builder.
-
Escriba un Título de proyecto y Nombre de aplicación.
-
Asegúrese de que la casilla de verificación Include Runtime esté marcada.
{width="600" modal="regular"}
-
Haga clic en Guardar.
Añadir API al espacio de trabajo
-
Haga clic en el área de trabajo Stage y, a continuación, repita los pasos siguientes para cada API.
{width="600" modal="regular"}
-
Haga clic en Agregar servicio y seleccione API.
-
Seleccione una de las siguientes API. Deberá repetir este proceso para cada API enumerada a continuación:
-
Filtro de Adobe Services:
- API de administración de E/S
- API Eventos de E/S
-
Filtro Experience Cloud:
- API de Adobe I/O Events for Adobe Commerce
-
-
Haga clic en Siguiente.
-
Haga clic en Guardar API configurada.
-
Repita los pasos anteriores hasta que todas las API se agreguen al espacio de trabajo.
{width="600" modal="regular"}
Configuración de la CLI de Adobe I/O
-
Borre cualquier configuración existente:
code language-bash aio config clearIniciar sesión con Adobe I/O CLI:
code language-bash aio auth login -f -
Seleccione su organización, proyecto y espacio de trabajo con cada uno de los siguientes comandos:
code language-bash aio console org selectcode language-bash aio console project selectcode language-bash aio console workspace select {width="600" modal="regular"}
Clona los starter kits
Clone uno de los siguientes repositorios de Commerce starter kit para la extensión que está creando y prepare su proyecto:
Kit de inicio de integración:
git clone https://github.com/adobe/commerce-integration-starter-kit.git extension
cd extension
Kit de inicio de compra:
git clone https://github.com/adobe/commerce-checkout-starter-kit.git extension
cd extension
Creación de un archivo .env
Cree el archivo de configuración de entorno:
| code language-bash |
|---|
|
Abra el archivo .env en un editor de texto y agregue las siguientes credenciales de OAuth:
| code language-shell-session |
|---|
|
Puede copiar estos valores de la página Credential details en Developer Console haciendo clic en la pestaña OAuth Server-to-Server del área de trabajo.
Añadir la configuración de Commerce
Agregue los siguientes detalles de la instancia de Commerce al archivo .env:
| code language-shell-session |
|---|
|
Para buscar estos valores:
- Vaya a Instancias del servicio Commerce Cloud.
- Haga clic en el icono de información junto a la instancia.
- Copie el extremo REST como
COMMERCE_BASE_URL. - Copie el extremo de GraphQL como
COMMERCE_GRAPHQL_ENDPOINT.
Establecer prefijo de evento
Establezca un valor temporal para el prefijo de evento:
| code language-shell-session |
|---|
|
Descargar configuración de Workspace
Ejecute el siguiente comando para descargar el archivo de configuración de Workspace:
| code language-bash |
|---|
|
Copie el archivo de configuración de área de trabajo en el directorio scripts:
| code language-bash |
|---|
|
Conectar el espacio de trabajo local al remoto
Vincule el proyecto local al espacio de trabajo remoto:
| code language-bash |
|---|
|
Conectar el espacio de trabajo local al remoto
Vincule el proyecto local al espacio de trabajo remoto. Desde la raíz del proyecto (la carpeta extension), ejecute:
| code language-bash |
|---|
|
Cuando se le solicite, elija la opción que utiliza la organización, el proyecto y el espacio de trabajo que seleccionó al configurar la CLI de Adobe I/O. Esto escribe la configuración del espacio de trabajo en la aplicación para que la implementación y el desarrollo local utilicen ese espacio de trabajo.
Instalación de herramientas de IA de extensibilidad
Este proceso crea la configuración de MCP (.<agent>/mcp.json), el directorio de aptitudes (.<agent>/skills/) y agrega AGENTS.md a la raíz del proyecto. Se le pedirá que elija un Starter Kit, un agente de codificación y un gestor de paquetes.
-
Configure las herramientas de desarrollo asistido por IA en la carpeta
extensionmediante los siguientes comandos:code language-bash cd extensioncode language-bash aio commerce extensibility tools-setup {width="600" modal="regular"}
-
Una vez finalizada la instalación, reinicie el agente de codificación para que pueda cargar las nuevas herramientas y habilidades de MCP. Las herramientas de Commerce App Builder ya están disponibles en su entorno.
note note NOTE Si ve una advertencia que indica que no se encontraron aptitudes para el Starter Kit, se produjo un error, a menudo porque la configuración se ejecutó en una carpeta distinta de la carpeta en la que se clonó el Starter Kit. Ejecute aio commerce extensibility tools-setupdesde la carpetaextension(la raíz del proyecto del Starter Kit) y seleccione el Starter Kit apropiado cuando se le solicite. {width="600" modal="regular"}