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.

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

이 릴리스 정보에는 PWA(Progressive Web App) Kit 및 Managed Runtime에 대한 업데이트가 포함되어 있습니다. 2023년 10월 이전에 게시된 릴리스 노트는 다음을 참조하십시오.

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 순위를 개선하는 데 도움을 줍니다. 사이트맵으로 SEO 개선을 참조하십시오.

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

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

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

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

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

Log Center를 사용하여 디버깅을 참조하십시오.

이 기능은 PWA Kit 버전 3.5부터 정식 출시됩니다. PWA Kit의 최신 버전은 GitHub의 릴리스 페이지를 확인하십시오.

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에서 관리하는 연말연시 세일 배너가 있는 경우, Storefront Preview를 사용하여 지정된 기간 동안 배너가 사이트에 어떻게 표시될지 확인할 수 있습니다. Storefront Preview를 참조하십시오.

하나 이상의 고객 그룹 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 사이트에서 활성 데이터를 사용하여 제품 성능 지표를 관찰하고 자동화된 머천다이징 규칙을 설정할 수 있습니다. 활성 데이터를 참조하십시오.

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

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