발표는 PWA의 핵심 구성 요소와 Rails 애플리케이션에 적용하는 방법을 다음과 같이 설명합니다.
1. PWA 핵심 요소 및 Rails 통합
- Manifest 파일 (
manifest.json): Rails 7.2+ 기본 제공되며, 앱의 설치 가능성을 정의합니다. - 서비스 워커 (
service_worker.js): 오프라인 경험 핵심으로, 네트워크 요청을 가로채 캐싱하는 프록시입니다.
2. 주요 PWA API 활용
- Cache API: 리소스 미리 캐싱(
pre-cache)으로 오프라인 접근을 가능하게 합니다.fetch리스너를 통해 캐시 응답 제공 및stale-while-revalidate전략으로 최신 데이터 유지. - IndexedDB API: 브라우저 내 로컬 데이터베이스로, 오프라인 폼 데이터/파일 저장. 네트워크 복구 시 자동 동기화되는 백그라운드 동기화(
background sync) 구현.localforage라이브러리로 사용 편의성 증대. - Push API: 사용자 참여 증대를 위한 푸시 알림 기능 제공. 클라이언트 구독 정보로 서버가 알림을 전송하며, Ruby
web-pushGem으로 구현 용이.
3. 브라우저 API 확장성 및 제약
- PWA는 Picture-in-Picture, Bluetooth 등 다양한 네이티브 API를 활용 가능하나, 브라우저별 지원 범위 차이로 호환성 고려 필요.
4. PWA 개발 복잡성 관리 및 Rails 최적화
- PWA JavaScript 복잡성은 Workbox로 간소화됩니다. Workbox는 서비스 워커의 캐싱 전략을 추상화합니다.
- Rails Generator를 활용한
PWA builders실험으로 Workbox 기능을 Rails에 통합, PWA 개발 효율성을 높이는 도구 개발의 중요성을 강조합니다.