컴포저블 스토어프런트 릴리스 노트

이 릴리스 정보에는 PWA(Progressive Web App) Kit 및 Managed Runtime에 대한 업데이트가 포함되어 있습니다.

최신 PWA Kit 릴리스 노트는 여기에 게시되기 전에 GitHub의 릴리스 페이지에 먼저 게시됩니다. 새로운 PWA Kit 릴리스에 대한 최신 정보를 제공받으려면 릴리스 관련 GitHub 알림을 구독하십시오. Configuring Your Watch Settings(시청 설정 구성)를 참조하십시오.
  • 릴리스 노트는 관련 Github 패키지가 업데이트되기 전에 게시될 수 있습니다. 릴리스 정보에는 기능을 사용할 수 있는 적용 가능한 패키지 버전이 나와 있습니다.
  • 일반 B2C Commerce 릴리스 노트는 Salesforce 도움말을 참조하십시오.

PWA Kit 스토어프런트는 이제 인게이지먼트 이벤트를 Data Cloud로 전송하여 실시간 통합 고객 데이터에 대한 향상된 가시성을 제공할 수 있습니다. PWA Kit와 Data Cloud 통합을참조하십시오.

Runtime Admin UI에서 리디렉션을 관리하는 것은 페이지가 매겨진 새로운 테이블 기반 형식을 사용하면 더 효율적이며, 이를 통해 더 많은 리디렉션 정보를 미리 볼 수 있습니다. 리디렉션을참조하십시오.

이제 환경의 배포 실패가 더 자세한 정보를 제공하여 수행할 수정 작업을 보다 명확하게 할 수 있습니다. 번들 푸시 오류 문제 해결의 내용을 참조하십시오.

ap-south-2지역(하이데라바드)은 이제 환경에 대해 지원됩니다. 지원되는 지역목록을 참조하세요.

다양한 Runtime Admin 버그도 해결되었습니다.

  • 런타임 관리자를 통해 행에 여러 환경 변수를 추가하는 문제가 수정되었습니다.
  • Runtime Admin을 통한 Access Control 헤더 삭제가 수정되었습니다.
  • Base64URL에 대한 스토어프런트 미리 보기 디코딩이 수정됨

B2C Commerce 버전 25.3에서는 하이브리드 인증(auth)이 플러그인 SLAS를 대체합니다. Hybrid Auth는 이 기능을 B2C Commerce 플랫폼에 직접 적용하여 하이브리드 스토어프런트의 성능과 안정성을 높입니다. Hybrid Auth를 사용하여 Hybrid Storefront 구성을참조하십시오.

이제 Node 22!로 PWA Kit 프로젝트를 배포할 수 있습니다. Node.js 버전을 업데이트하려면 Upgrade Node Version(Node 노드 업그레이드)의 지침을 따르십시오.

매년 특정 Node.js 버전의 공식 지원이 종료됩니다. 강력한 보안 태세와 원활한 개발자 경험을 보장하기 위해, Managed Runtime에 배포된 프로젝트의 Node 버전을 제한합니다. Node 18은 2025년 9월 1일에 지원 중단됩니다.

이 지원 중단일보다 훨씬 일찍 프로덕션 프로젝트를 업그레이드하실 것을 적극 권장합니다. PWA Kit 버전에 따라 Node 20 또는 22로 업데이트할 수 있습니다.

이 기능은 Retail React App 버전 6.0부터 정식 출시됩니다. 구현 시간을 단축하여 쇼핑 경험을 개선합니다. 구매자는 소셜 로그인을 통해 소셜 네트워크 계정으로 사이트에 빠르게 로그인하고 프로필을 생성할 수 있습니다. Implement Social Login(소셜 로그인 구현)을 참조하십시오.

이 기능은 Retail React App 버전 6.0부터 정식 출시됩니다. 구현 시간을 단축하여 쇼핑 경험을 개선합니다. 암호 재설정 기능을 사용하면 구매자가 암호를 잊어버린 경우 이메일이나 텍스트의 인증 코드 또는 링크를 사용하여 새 암호를 만들고 계정에 다시 액세스할 수 있습니다. Implement Password Reset(암호 재설정 구현)을 참조하십시오.

이 기능은 Retail React App 버전 6.0부터 정식 출시됩니다. 구현 시간을 단축하여 쇼핑 경험을 개선합니다. 구매자는 암호 없는 로그인을 통해 암호 대신 이메일이나 텍스트의 인증 코드 또는 링크를 사용하여 안전하게 사이트에 로그인할 수 있습니다. Implement Passwordless Login(암호 없는 로그인 구현)을 참조하십시오.

추적 동의 배너는 Retail React App 템플릿 버전 6.0 이상에서 정식 출시됩니다. 구매자의 신뢰를 유지하고 구현 비용을 줄입니다. 추적 동의 배너를 사용하면 구매자가 사이트에서 활동을 추적하는 데 동의하거나 거부할 수 있습니다. Tracking Consent Banner(추적 동의 배너)로 개인정보보호를 참조하십시오.

하이브리드 스토어프런트의 안정성과 성능을 개선하고 최적의 쇼핑 경험을 보장합니다. PWA Kit용 하이브리드 안정성 업그레이드 3.8.0 또는 PWA Kit용 하이브리드 안정성 업그레이드 버전 2.x를 참조하십시오.

이제 구매자 컨텍스트를 사용한 개인화 기능이 Retail React App 버전 5.0.0 이상에 사전 통합됩니다. 개인화된 쇼핑 경험을 지원하고 구현 비용을 절감합니다. 구매자 컨텍스트를 사용하면 맞춤형 프로모션, 가격 책정, 제품 추천 등의 기능을 사용하여 전환율과 쇼핑객 충성도를 높일 수 있습니다. 구매자 컨텍스트를 사용한 개인화를 참조하십시오.

더 많은 지역으로 확대됩니다! 이제 Managed Runtime 환경을 다음 지역에 배포하여 Hyperforce 지역의 백엔드 인스턴스와의 코로케이션을 통해 성능을 최적화할 수 있습니다.

  • sa-east-1 - 남미(상파울루)
  • eu-central-2 - EU(취리히)
  • eu-south-1 - EU(밀라노)
  • ap-southeast-3 - 아시아 태평양(자카르타)
  • me-central-1 - 중동(아랍에미리트)
  • il-central-1 - 이스라엘(텔아비브)

이전에는Log Center에서 PIG(기본 인스턴스 그룹) 인스턴스와 연결된 프로덕션 환경에 대한 로그만 볼 수 있었습니다. 이제 보조 인스턴스 그룹(SIG) 및 On-Demand Sandbox(ODS) 인스턴스의 로그를 볼 수 있습니다. 이러한 새로운 로그는 로그 볼륨 한도에 반영됩니다.

이 기능은 PWA Kit 버전 3.7부터 정식 출시됩니다. __server_timing 쿼리 매개변수를 사용하면 PWA Kit 사이트의 성능을 모니터링하여 최적화 작업을 지원할 수 있습니다. 이 매개변수를 통해 경로 매칭, 구성요소 로드, 가져오기 전략과 같은 서버 측 렌더링 프로세스의 일부에 대한 지표를 제공하는 서버 타이밍 HTTP 헤더와 로그에 액세스할 수 있습니다. Log Center에서 성능 지표 로그도 사용할 수 있습니다. \ _ \를_server_timing참조하십시오.

Retail React App 버전 4.0은 Commerce SDK React 및 Commerce SDK Isomorphic의 새 버전을 사용합니다. 이제 이러한 SDK는 게스트 액세스 토큰을 검색할 때 channel_id를 인수로 전달한다는 Shopper Login and API Access(SLAS) 지침을 충족합니다. 게스트 토큰을 참조하십시오.

일반적으로 매장 찾기는 Retail React App 버전 4.0 이상과 Commerce SDK React 버전 2.0.1 이상에서 사용할 수 있습니다. 매장 찾기를 사용하면 구매자가 우편번호, 도시 등을 기준으로 가까운 매장 위치를 찾을 수 있습니다. Business Manager에서 매장 정보를 쉽게 확장하여 사이트에 표시되는 위치 메타데이터를 맞춤화할 수 있습니다. 매장 찾기로 매장 매출 증대를 참조하십시오.

일반적으로 제품 번들은 Retail React App 버전 4.0 이상과 Commerce SDK React 버전 2.0.1 이상에서 사용할 수 있습니다. 제품 번들을 사용하여 여러 관련 제품을 하나의 주문 가능한 제품으로 그룹화하여 구매자의 편의성을 높이고 개인화를 지원합니다. 구매자가 카트에서 직접 번들 변형과 수량을 업데이트할 수 있습니다. 예를 들어 온라인 스포츠 의류 매장에서는 구매자가 카트에서 직접 신발 사이즈, 의류 사이즈, 피트니스 트래커 모델을 선택할 수 있도록 "러너스 번들"을 제공할 수 있습니다. 제품 번들은 카트 유기를 줄이고 재고 관리를 개선하는 데 도움이 될 수 있습니다. 제품 번들을 참조하십시오.

eCDN에서 들어오는 트래픽만 Managed Runtime 환경에 액세스하도록 제한합니다. eCDN 및 환경 전반에 걸쳐 공유 액세스 제어 헤더를 설정하여 구매자, 봇 및 크롤러가 사용자 환경에 직접 액세스하지 못하게 합니다.

환경을 잠글 수 있도록 Managed Runtime 및 eCDN을 구성하는 방법에 대한 자세한 내용은 업데이트된 스토어프런트 시작 가이드와 새로운 upsertOriginHeaderModification API를 참조하십시오.

Log Center에서 로그의 접두사로 추가된 네임스페이스를 검색하여 PWA Kit 사이트에서 생성된 로그를 빠르게 찾을 수 있습니다. 네임스페이스가 오류가 발생한 코드베이스의 특정 부분을 가리키므로 문제 해결에 집중하는 데 도움이 됩니다. Debug Using Log Center(Log Center를 사용하여 디버깅)를 참조하십시오.

Managed Runtime 환경에 대한 액세스를 타사 CDN(Content Delivery Network)에서 생성된 트래픽으로 제한합니다. CDN 및 환경에서 구매자, 봇 및 크롤러가 사용자 환경에 직접 액세스하지 못하도록 공유 액세스 제어 헤더를 설정합니다.

Access Control 헤더 및 projects_target_access_control_header_create API를 참조하여 환경을 잠글 수 있는 방법을 알아보십시오.

전환율과 구매자 참여를 유도하고 PWA Kit Retail React App에서 사용할 수 있는 대폭 개선된 제품 타일을 사용하여 구현 비용을 절감합니다. 이제 제품 타일에서는 다음 기능을 제공합니다.

  • 프로모션 콜아웃
  • 할인 전 원래 가격 표시
  • 변형 선택에 대한 제품 타일 견본
  • 제품 배지
  • 확장 기능과 함께 productSearch API 사용: productSearch 및 getProduct(s) API와 함께 사용하면 보다 개선된 성능 제공

B2C Commerce에서 작성된 헤드리스 또는 PWA Kit 스토어프런트에 적합한 사이트맵을 Business Manager에서 쉽게 생성합니다. 사이트맵은 페이지에서 인덱스 및 사이트 계층 구조에 대한 지침과 함께 검색 크롤러를 제공하고, SEO 순위를 개선하는 데 도움을 줍니다. Improve SEO with a Sitemap(사이트맵으로 SEO 개선)을 참조하십시오.

이제 PWA Kit에서 활성 데이터 주문 지표 수집을 지원합니다. 이 수집 기능을 사용하여 고객 행동을 이해하고 머천다이징 및 세분화 전략을 최적화합니다. Active Data(활성 데이터)를 참조하십시오.

Runtime Admin을 사용하여 환경 변수를 관리합니다. 이 기능은 Managed Runtime API를 사용하여 환경 변수를 관리하는 방법의 대안으로 사용할 수 있습니다. 환경 변수를 사용하면 코드를 변경할 필요 없이 환경에서 실행 중인 애플리케이션 프로세스에 변수를 추가할 수 있습니다. Environment Variables(환경 변수)를 참조하십시오.

이제 이 기능은 정식 출시되었습니다.

Log Center를 사용하여 PWA Kit로 구축된 사이트의 오류를 해결합니다.

  • 많은 수의 로그를 검색하고 필터링합니다. 기간별 로그를 확인합니다.
  • 단일 사용자 인터페이스에 액세스하여 Managed Runtime(MRT)과 B2C Commerce 인스턴스의 로그를 봅니다. MRT 환경에서 일어나는 일을 B2C Commerce 인스턴스에서 일어나는 일과 연결하십시오.
  • CLI를 사용하지 않고도 MRT 로그를 손쉽게 봅니다.

Debug Using Log Center(Log Center를 사용하여 디버깅)를 참조하십시오.

이 기능은 PWA Kit 버전 3.5부터 정식 출시됩니다. GitHub의릴리스 페이지에서사용 가능한 최신 버전의 PWA Kit를 확인하세요.

PWA Kit 사이트에서 Shopper Login and API Access Service(SLAS) 프라이빗 클라이언트를 활성화하여 구현 시간을 단축하면서 다음 기능을 지원할 수 있습니다.

  • 암호 없는 로그인
  • 암호 재설정
  • 페이지 로드 시간 단축

SLAS 프라이빗 클라이언트 사용을 참조하십시오.

번들을 재배포한 후 페이지 로드 시간을 단축합니다. 다음 CDN(Content Delivery Network) 향상 기능은 앱 성능을 높입니다.

  • HTTP/3 - 이를 지원하는 모든 브라우저 및 클라이언트에 HTTP/3 프로토콜을 자동으로 사용합니다. HTTP/3는 특히 모바일과 같이 네트워크가 한정된 기기를 사용하는 구매자에게 향상된 성능을 제공합니다.
  • 지역 간 CDN 캐싱 - 전 세계의 사용자가 사용하는 사이트의 캐시 적중률과 성능을 개선하기 위해 캐시된 응답을 지역 간에 자동으로 사용합니다.
  • 더 많은 CDN 지역 - 스태킹된 CDN 설정을 사용할 때 응답 시간이 빨라지고 네트워크 홉이 짧아지도록 CDN에 더 많은 지역을 추가했습니다.

Runtime Admin을 사용하여 서버 측 쿠기를 지원합니다. 이 기능은 Managed Runtime API를 사용하여 서버 측 쿠키를 지원하는 것의 대안으로 사용할 수 있습니다. 서버 측 쿠키를 사용하면 개인정보보호 및 보안을 강화할 수 있으며 보다 맞춤화된 개인화 및 마케팅이 지원됩니다. 쿠키를 사용한 개인화를 참조하십시오.

Runtime Admin을 사용하여 소스 맵을 지원합니다. 이 기능은 Managed Runtime API를 사용하여 소스 맵을 지원하는 것의 대안으로 사용할 수 있습니다. 소스 맵은 오류 스택 가독성을 높여 개발 및 디버깅 경험을 크게 개선하도록 설계되었습니다. 소스 맵을 사용하여 디버깅을 참조하십시오.

Storefront Preview에 타사 컨텐츠 관리 시스템(CMS)을 사용합니다. 예를 들어 CMS에서 관리하는 연말연시 세일 배너가 있는 경우, 스토어프런트 미리보기를 사용하여 지정된 기간 동안 배너가 사이트에 어떻게 표시될지 확인할 수 있습니다. 스토어프런트 미리보기를 참조하십시오.

하나 이상의 고객 그룹 ID를 기반으로, Progressive Web App(PWA) Kit 사이트가 어떻게 표시될지 미리 살펴봅니다. 예를 들어 직원 할인을 받는 구매자에게 표시되는 사이트를 미리 살펴볼 수 있습니다. 스토어프런트 미리보기를 참조하십시오.

이제 Node 20을 사용하여 프로젝트를 배포할 수 있습니다. PWA Kit 프로젝트를 최신 3.4.x 버전으로 업그레이드해야 하며 노드 버전 업그레이드의 지침을 따라야 합니다.

이제 일본 내 고객들은 기존 도쿄 지역 외에 오사카 지역에서도 환경을 운영할 수 있습니다. 환경 설정을 통해 지역을 변경할 수 있습니다.

이제 Managed Runtime에서 소스 맵을 사용할 수 있습니다. 이 기능은 오류 스택 가독성을 높여 개발 및 디버깅 경험을 크게 개선하도록 설계되었습니다. 소스 맵은 PWA Kit 3.4.x부터 생성할 수 있으며 enable_source_maps 환경 설정을 전환하여 활성화할 수 있습니다. 소스 맵을 사용하여 디버깅을 참조하십시오.

PWA Kit 사이트에서 활성 데이터를 사용하여 제품 성능 지표를 관찰하고 자동화된 머천다이징 규칙을 설정할 수 있습니다. Active Data(활성 데이터)를 참조하십시오.

Storefront Preview 기능을 사용하여 지정된 소스 코드, 고객 그룹 또는 특정 날짜나 시간과 같은 다양한 상황에서 PWA Kit 사이트가 어떻게 표시될지 확인할 수 있습니다. 예를 들어 사이트 변경 사항을 프로덕션 환경에 배포하기 전에 스테이징 환경에서 미리 확인할 수 있습니다. 스토어프런트 미리보기를 참조하십시오.

Runtime Admin에서 환경을 생성할 때 이제 환경에 연결할 Commerce Cloud 인스턴스 및 사이트를 선택할 수 있습니다. 따라서 Managed Runtime 환경과 Commerce Cloud 플랫폼 간의 통합을 더욱 강화할 수 있습니다. 또한 새로운 Managed Runtime API 엔드포인트를 사용하여 Commerce Cloud 인스턴스에 대한 환경의 연결을 관리하고 추적할 수 있습니다. 자세한 내용은 다음 설명서를 참조하십시오.

2023년 10월 이전에 게시된 릴리스 노트는 다음을 참조하십시오.