Salesforce Commerce API를 사용한 Headless Commerce
Storefront Reference Architecture(SFRA)의 대안인 컴포저블 스토어프런트는 모듈식 접근 방식으로 개별 독립형 구성요소를 사용하여 맞춤형 온라인 스토어프런트를 구축합니다. 분리된 프런트엔드와 백엔드 아키텍처를 사용하면 스토어프런트와 사용자 경험이 데이터 및 비즈니스 로직과 분리됩니다. 맞춤화 가능하고 확장 가능한 솔루션을 사용하여 고유한 브랜드 아이덴티티와 경험을 구성할 수 있습니다.
컴포저블 스토어프런트는 두 가지 기본 구성요소로 구성됩니다.
- PWA(Progressive Web Application) Kit: React.js 프레임워크와 함께 JavaScript를 사용하여 스토어프런트를 생성하기 위한 오픈 소스 프레임워크입니다. 이를 통해 구매자에게 표시되는 스토어프런트의 모양과 느낌을 제어할 수 있습니다.
- MRT(Managed Runtime): 헤드리스 디지털 스토어프런트를 위한 확장성이 뛰어난 서버리스 호스팅 환경입니다. Managed Runtime은 PWA 프런트엔드를 배포, 호스팅 및 관리하기 위한 인프라를 제공합니다.
컴포저블 스토어프런트를 사용하면 SCAPI(Salesforce Commerce API)를 기반으로 스토어프런트를 구축하고, 타사 검색 애플리케이션 또는 CMS(컨텐츠 관리 시스템) 제공업체를 추가하는 등, 다른 공급업체를 포함하는 솔루션을 구성하여 기본 제공 기능을 보강할 수 있습니다.
다음 이미지는 B2C Commerce 스택의 예를 보여줍니다. PWA Kit 및 MRT가 포함된 컴포저블 스토어프런트는 SCAPI를 사용하여 B2C Commerce 인스턴스와 통신하는 두 가지 헤드리스 구현 중 하나로 표시됩니다. B2C Commerce 인스턴스와 직접 통신하는 SFRA 스토어프런트도 표시됩니다. B2C Commerce 구성요소에는 Script API와 SCAPI 후크 및 SCAPI 맞춤형 API가 있는 카트리지가 포함됩니다.
PWA Kit 프레임워크에는 전체 구매자 여정을 위한 완벽한 스토어프런트를 만드는 데 도움이 되는 도구가 포함되어 있습니다. 데모 사이트에서 PWA Kit 스토어프런트 예제를 볼 수 있습니다.
사용자가 만드는 PWA Kit 앱은 MRT를 기반으로 실행됩니다. MRT는 SCAPI를 사용하여 제품, 카탈로그, 구매자 장바구니, 프로모션, 재고, 배송, 청구 등 사이트의 기능과 상호 작용합니다.
MRT에 포함되어 있으며 추가 구성이 필요하지 않은 CDN은 빠르고 효율적인 처리를 위해 가장 가까운 앱 서버로 요청을 전달하는 역할을 합니다.
CDN에는 네 가지 기본 구성 요소가 포함됩니다.
- CDN 캐시
- 캐시 적중률을 최적화하는 엣지 함수. 동일한 요청이 다시 수행되면 응답을 다시 생성할 필요 없이 캐시에서 응답을 검색할 수 있습니다. 그 결과 응답 시간이 빨라져 전반적인 구매자 경험이 향상됩니다.
- 스토어프런트 관련 자산(예: 정적 Javascript, CSS 및 스프라이트).
- SCAPI, OCAPI 및 기타 외부 API에 요청을 전달하기 위한 프록시입니다.
CDN을 사용하여 다음을 수행할 수 있습니다.
- WAF(웹 애플리케이션 방화벽)/로그/보안/라우팅에 대한 제어를 강화하기 위해 MRT CDN을 기반으로 B2C Commerce의 기본 CDN인 eCDN(Embedded CDN)을 스태킹합니다.
- 엣지 함수를 사용하여 요청이 서버리스 인프라(요청 프로세서)로 라우팅되는 방식을 맞춤화합니다.
PWA Kit는 MRT에서 서버리스 구현으로 호스팅됩니다. 서버리스 인프라는 확장성이 좋고, 가용성이 높으며, 유지 보수 부담이 적고, 성능이 뛰어납니다.
- MRT는 연말연시 쇼핑으로 인한 상당한 트래픽 증가나 최소한의 트래픽으로 구성된 테스트 환경 등 모든 수준의 매장 트래픽을 수용할 수 있도록 확장 또는 축소됩니다.
- 추가 비용 없이 많은 관리형 런타임 환경(즉시 사용 가능한 100개)을 사용할 수 있으며 UI 또는 API를 사용하여 인스턴스를 손쉽게 시작하고 중지할 수 있습니다.
- 변경 사항을 빠르게 롤아웃하고 변경 내역의 모든 변경 사항을 볼 수 있으므로 쉽게 롤백할 수 있습니다.
- 모든 MRT 환경에는 동일한 리소스가 할당되므로 프로덕션 환경과 개발 환경이 동일하게 표시됩니다.
SCAPI 기능은 두 가지 기본 그룹으로 나뉩니다. Shopper API 및 Admin API. 각 그룹은 API 패밀리로 다시 나뉘며 각 패밀리는 관련 기능에 중점을 둡니다. Shopper API 그룹은 제품 검색, 쇼핑 카트 관리 및 체크아웃과 같은 고객 대면 기능을 지원하도록 설계되었습니다. Admin API 그룹은 제품 관리, 주문 관리, 재고 관리 및 고객 관리와 같은 판매자 관련 기능을 주로 지원합니다.
컴포저블 스토어프런트 또는 기타 헤드리스 스토어프런트를 구축할 때 동작을 맞춤 설정하고 더 많은 맞춤형 엔드포인트를 추가할 수 있는 SCAPI 후크도 있습니다.
다음 다이어그램은 구매자의 브라우저와 MRT 간의 통신 흐름과 SCAPI, OCAPI 및 외부 API와의 MRT 통신을 보여줍니다.
다른 컴포저블 스토어프런트 및 SCAPI 가이드를 살펴보세요.