뉴스: PWA Kit v2 출시! 자세한 내용은 릴리스 노트를 참조하십시오.

Progressive Web App Kit 시작하기

데모 설정으로 PWA Kit를 사용해보려면 Quick Start 지침을 따르십시오.

Progressive Web App Kit(PWA Kit)는 React API로 스토어프론트를 만들기 위한 프레임워크입니다.

PWA Kit 프레임워크는 다음과 같은 기능을 제공합니다.

  • Retail React App을 비롯한 프로젝트 템플릿 Retail React App은 홈 페이지부터 체크아웃까지 핵심 이커머스 흐름을 구현하는 맞춤화 가능한 스토어프런트입니다.
  • 서버 측과 클라이언트 측 모두에서 작동하며 hydration(렌더링을 서버에서 클라이언트로 전송하는 프로세스)을 처리하는 렌더링 시스템.
  • Commerce API의 데이터를 구성요소에 주입할 수 있는 라우팅 시스템.
  • 일상적인 개발 작업을 자동화하기 위한 유틸리티 함수와 스크립트.
  • B2C Commerce APIOpen Commerce API(OCAPI)와의 통합.

Progressive Web App(PWA)은 일반적으로 네이티브 앱의 기능으로 여겨지는 다음 기능이 포함된 사용자 환경을 제공하는 웹 사이트입니다.

  • 빠른 로드 시간
  • 부드러운 렌더링과 전환
  • 오프라인 지원
  • 홈 화면에 설치

이러한 기능을 "프로그레시브"라고 하는 이유는 사용자의 기기와 브라우저에서 지원되는지 여부에 따라 한 번에 하나씩(즉, 점진적으로) 추가되기 때문입니다.

PWA는 표준 호환 브라우저를 사용하는 모든 데스크톱 또는 모바일 기기에서 작동합니다.

다음 표는 PWA를 기존 응답형 웹 사이트 및 네이티브 앱과 비교하여 보여줍니다.

PWA응답형 사이트네이티브 앱
소개응답 성능이 뛰어나며 네이티브 앱과 같은 성능과 기능을 제공하는 웹 사이트다양한 화면 크기 간에 동적으로 확장되는 웹 사이트기기 측 기능에 액세스할 수 있는 특정 프로그램(iOS, Android)에서 사용할 수 있는 애플리케이션
사용 사례더 빠르고 몰입도 높은 앱과 같은 경험을 원하는 경우기존 웹 스토어프런트가 요구 사항에 맞는 경우가장 충성도가 높은 고객 기반의 인게이지먼트를 더욱 증진하려는 경우

Managed Runtime은 퍼블릭 클라우드 플랫폼을 기반으로 PWA Kit 스토어프런트를 배포, 호스팅 및 모니터링할 수 있는 인프라를 제공합니다. Managed Runtime을 사용하면 서버를 관리하는 것이 아니라 스토어프런트를 개발하는 데 집중할 수 있습니다.

Managed Runtime은 12요소 앱 방법론을 따릅니다. 스토어프런트는 상태 비저장 방식으로 구축되고 사용 가능한 가장 효율적이고 경제적인 컴퓨팅 인프라에 구축할 수 있는 단일 코드베이스를 기반으로 합니다. 각 배포는 이전 배포를 완전히 대체하고 처음부터 다시 구성됩니다.

무엇보다 Managed Runtime은 여타의 Salesforce 기술과 동일한 엔터프라이즈급 보안과 99.99%의 기록적 가동 시간을 제공합니다.

자세한 내용은 Managed Runtime 개요를 참조하십시오.

PWA Kit와 Managed Runtime을 사용하다보면 이 두 기술을 개발한 회사의 이름인 Mobify가 언급되는 것을 종종 볼 수 있습니다. Mobify는 2020년에 Salesforce에 인수되었으며, 현재 리브랜딩 과정에 있습니다.

PWA Kit를 개선하기 위한 오픈 소스 커뮤니티의 참여를 환영합니다. 참여 프로세스에 대한 자세한 내용은 PWA Kit에 기여하기를 참조하십시오.

PWA Kit를 좋아한다면 GitHub Repo에 문서를 게시해보십시오. 다른 사람이 PWA Kit에 대해 알아가는 데 도움이 됩니다.

지금까지 PWA Kit 및 Managed Runtime의 기본 사항을 숙지했으므로, 시작하기 시리즈의 다른 가이드를 살펴보시기 바랍니다.

  1. Quick Start
  2. On-Demand Sandbox 생성
  3. API 액세스 설정
  4. 로컬 환경 설정
  5. 번들 푸시 및 배포