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 APIs personalizadas SCAPI.

Pilha do B2C Commerce

Progressive Web Application (PWA) Kit

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.

Ambiente de tempo de execução gerenciado (MRT)

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.

Rede de Distribuição de Conteúdo (CDN)

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).

Infraestrutura sem servidor

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.

SCAPI

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

Próximas etapas

Explore outros guias de Composable Storefront e SCAPI:

Composable Storefront

SCAPI

OCAPI

Para começar com a OCAPI

Consulte também

Por que usar o SCAPI