Add the #DF24 Developer Keynote to your agenda. Join us in-person on 9/18 at 2:30 p.m. PT or on Salesforce+ at 5 p.m. PT for the must-see session built just for developers.

Headless Commerce com a Salesforce Commerce API

O Composable Storefront, uma alternativa ao Storefront Reference Architecture (SFRA), adota uma abordagem modular para criar uma loja online personalizada usando componentes individuais e independentes. Com a arquitetura desacoplada de front-end e back-end, a experiência do usuário e da loja (virtual) são separadas dos dados e da lógica de negócios. Você pode compor sua própria identidade e experiência de marca única usando uma solução personalizável e escalável.

O Composable Storefront consiste em dois componentes principais:

  • Progressive Web Application (PWA) Kit: uma estrutura de código aberto para criar loja (virtual) usando JavaScript com a estrutura React.js. Isso permite que você controle a aparência e a sensação da sua loja (virtual) para seus compradores.
  • Managed Runtime (MRT): um ambiente de hospedagem sem servidor, altamente escalável e altamente disponível para sua loja digital headless. O Managed Runtime fornece a infraestrutura para implantar, hospedar e gerenciar seu front-end PWA.

Com o Composable Storefront, você cria sua loja (virtual) com base na Salesforce Commerce API (SCAPI) e pode aumentar a funcionalidade integrada compondo soluções que incluem outros fornecedores, por exemplo, adicionando um aplicativo de pesquisa ou um provedor de sistema de gerenciamento de conteúdo (CMS) de terceiros.

A imagem a seguir fornece um exemplo de pilha do B2C Commerce. O Composable Storefront, que contém PWA Kit e MRT, é mostrado como uma das duas implementações headless que usam SCAPI para se comunicar com a instância do B2C Commerce. Uma loja (virtual) SFRA, que se comunica diretamente com a instância do B2C Commerce, também é mostrada. Os componentes do B2C Commerce incluem a Script API e os cartridges com ganchos SCAPI e SCAPI Custom APIs.

Pilha do B2C Commerce

A estrutura do PWA Kit inclui ferramentas para ajudar a criar uma loja (virtual) completa para toda a jornada do comprador. Você pode ver um exemplo de loja (virtual) PWA Kit em nosso site de demonstração.

O aplicativo PWA Kit que você cria é executado sobre o MRT. O MRT usa o SCAPI para interagir com os recursos do seu site, incluindo produtos, catálogos, um carrinho do comprador, promoções, inventário, frete e faturamento.

A CDN, que está incluída no MRT e não requer configuração adicional, é responsável por direcionar as solicitações para o servidor de aplicativos mais próximo para garantir um tratamento rápido e eficiente.

A CDN inclui quatro componentes principais:

  • O cache CDN
  • Funções de borda, que otimizam a taxa de acertos do cache. Se a mesma solicitação for feita novamente, a resposta poderá ser recuperada do cache em vez de ter que ser gerada novamente. Isso melhora a experiência geral do comprador, fornecendo tempos de resposta mais rápidos.
  • Ativos relacionados ao Storefront/loja (virtual), por exemplo: Javascript estático, CSS e sprites.
  • Proxies para encaminhar solicitações para SCAPI, OCAPI e outras APIs externas.

Com a CDN, você pode:

  • Empilhe a CDN incorporada (eCDN), a CDN padrão da B2C Commerce, sobre a MRT CDN para ter mais controle sobre o firewall de aplicativo da Web (WAF)/Logs/Segurança/Roteamento,
  • Use as funções de borda para personalizar como as solicitações são roteadas para a infraestrutura sem servidor (o processador de solicitações).

O PWA Kit é hospedado como uma implementação sem servidor no MRT. A infraestrutura sem servidor é altamente escalonável, altamente disponível, de baixa manutenção e de alto desempenho:

  • O MRT aumenta ou diminui a escala para acomodar todos os níveis de tráfego na loja (virtual), seja um aumento significativo para compras de fim de ano ou um ambiente de teste com tráfego mínimo.
  • Você pode ter muitos ambientes de managed runtime (100 prontos para uso) sem custo adicional, e é fácil iniciar e parar instâncias usando a interface do usuário ou a API.
  • Você pode implementar rapidamente as alterações e visualizar todas as alterações no histórico de alterações, o que também permite uma reversão fácil.
  • Todos os ambientes MRT recebem recursos equivalentes, o que significa que seus ambientes de produção e desenvolvimento têm a mesma aparência.

A funcionalidade SCAPI é dividida em dois grupos principais: Shopper APIs e Admin APIs. Cada grupo é dividido em famílias de API, com cada família se concentrando na funcionalidade relacionada. O grupo da Shopper API foi projetado para funções voltadas para o cliente, como navegação de produtos, gerenciamento de carrinho de compras e checkout. O grupo da Admin API destina-se a funcionalidades voltadas para o comerciante, como gerenciamento de produtos, gerenciamento de pedidos, gerenciamento de estoque e gerenciamento de clientes.

Ao criar um Composable Storefront ou outra loja (virtual) headless, você também tem ganchos SCAPI que permitem personalizar o comportamento e adicionar mais endpoints personalizados.

O diagrama a seguir ilustra o fluxo de comunicação entre o navegador de um comprador e o MRT e a comunicação MRT com SCAPI, OCAPI e APIs externas.

Como o Storefront Composable funciona com a SCAPI

Explore outros guias de Composable Storefront e SCAPI:

Para começar com a OCAPI