Pré-requisitos do tutorial
Esta página lista os pré-requisitos e as etapas de configuração para os tutoriais do Adobe Commerce as a Cloud Service, como o tutorial de extensão de classificações e o tutorial de extensão do método de envio.
Pré-requisitos do Adobe Commerce as a Cloud Service
-
Instalar o Adobe I/O CLI
code language-bash npm install -g @adobe/aio-cli -
Instale os plug-ins 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 -
Baixar um IDE assistido por IA, como Cursor (recomendado). Outros IDEs, como Claude Code, Gemini CLI ou Copilot também são suportados, mas podem exigir modificações nos prompts e em outras etapas do tutorial.
Pré-requisitos do Adobe Developer Console
- Navegue até Adobe Developer Console.
- Faça logon usando seu email e senha.
Criar um novo projeto
-
Navegue até Adobe Developer Console.
-
Clique em Criar projeto a partir de um modelo.
-
Selecione o modelo App Builder.
-
Insira um Título do projeto e Nome do aplicativo.
-
Certifique-se de que a caixa de seleção Include Runtime esteja marcada.
{width="600" modal="regular"}
-
Clique em Salvar.
Adicionar APIs ao espaço de trabalho
-
Clique no espaço de trabalho Preparo e repita as etapas a seguir para cada API.
{width="600" modal="regular"}
-
Clique em Adicionar Serviço e selecione API.
-
Selecione uma das seguintes APIs. Você precisará repetir esse processo para cada API listada abaixo:
-
Filtro Serviços da Adobe:
- API de gerenciamento de E/S
- API de Eventos de E/S
-
Filtro Experience Cloud:
- API Adobe I/O Events para Adobe Commerce
-
-
Clique em Avançar.
-
Clique em Salvar API configurada.
-
Repita as etapas anteriores até que todas as APIs sejam adicionadas ao espaço de trabalho.
{width="600" modal="regular"}
Configurar a CLI do Adobe I/O
-
Limpar qualquer configuração existente:
code language-bash aio config clearFazer logon usando o Adobe I/O CLI:
code language-bash aio auth login -f -
Selecione a organização, o projeto e o espaço de trabalho, usando cada um dos seguintes comandos:
code language-bash aio console org selectcode language-bash aio console project selectcode language-bash aio console workspace select {width="600" modal="regular"}
Clonar os kits iniciais
Clonar um dos seguintes repositórios do Commerce starter kit para a extensão que você está criando e preparar seu projeto:
Kit inicial de integração:
git clone https://github.com/adobe/commerce-integration-starter-kit.git extension
cd extension
Kit inicial de check-out:
git clone https://github.com/adobe/commerce-checkout-starter-kit.git extension
cd extension
Criar um arquivo .env
Crie seu arquivo de configuração de ambiente:
| code language-bash |
|---|
|
Abra o arquivo .env em um editor de texto e adicione as seguintes credenciais OAuth:
| code language-shell-session |
|---|
|
Você pode copiar esses valores da página Credential details no Developer Console clicando na guia OAuth Server-to-Server do seu espaço de trabalho.
Adicionar a configuração do Commerce
Adicione os seguintes detalhes da instância do Commerce ao arquivo .env:
| code language-shell-session |
|---|
|
Para localizar esses valores:
- Navegue até instâncias do Commerce Cloud Service.
- Clique no ícone de informações ao lado da instância.
- Copie o ponto de extremidade REST como
COMMERCE_BASE_URL. - Copiar o ponto de extremidade do GraphQL como
COMMERCE_GRAPHQL_ENDPOINT.
Definir prefixo do evento
Defina um valor temporário para o prefixo do evento:
| code language-shell-session |
|---|
|
Baixar configuração do espaço de trabalho
Execute o seguinte comando para baixar o arquivo de configuração do espaço de trabalho:
| code language-bash |
|---|
|
Copie o arquivo de configuração do espaço de trabalho para o diretório scripts:
| code language-bash |
|---|
|
Conectar o espaço de trabalho local ao espaço de trabalho remoto
Vincular o projeto local ao espaço de trabalho remoto:
| code language-bash |
|---|
|
Conectar o espaço de trabalho local ao espaço de trabalho remoto
Vincule o projeto local ao espaço de trabalho remoto. Na raiz do projeto (a pasta extension), execute:
| code language-bash |
|---|
|
Quando solicitado, escolha a opção que usa a organização, o projeto e o espaço de trabalho selecionados ao configurar a CLI do Adobe I/O. Isso grava a configuração do espaço de trabalho no aplicativo para que a implantação e o desenvolvimento local usem esse espaço de trabalho.
Instalar ferramentas de IA de extensibilidade
Este processo cria a configuração de MCP (.<agent>/mcp.json), o diretório de habilidades (.<agent>/skills/) e adiciona AGENTS.md à raiz do projeto. Você deverá escolher um kit inicial, um agente de codificação e um gerenciador de pacotes.
-
Configure as ferramentas de desenvolvimento assistido por IA na pasta
extensionusando os seguintes comandos:code language-bash cd extensioncode language-bash aio commerce extensibility tools-setup {width="600" modal="regular"}
-
Depois que a configuração for concluída, reinicie o agente de codificação para permitir que ele carregue as novas ferramentas e habilidades do MCP. As ferramentas do Commerce App Builder agora estão disponíveis em seu ambiente.
note note NOTE Se você vir um aviso de que nenhuma habilidade foi encontrada para o kit inicial, algo deu errado, geralmente porque a configuração foi executada em uma pasta diferente do local onde o kit inicial foi clonado. Execute aio commerce extensibility tools-setupna pastaextension(a raiz do projeto do kit inicial) e selecione o kit inicial apropriado quando solicitado. {width="600" modal="regular"}