PWA는 dev 서버가 아니라 프로덕션 빌드에서 검증한다

개발 모드에서는 service worker를 끄는 경우가 많아, 오프라인 테스트 결과가 실제 운영과 다르다.

1

build

npm run build

서비스 워커와 workbox 파일이 생성되는지 확인한다.

2

start

npm run start

운영과 같은 라우팅 조건에서 페이지를 연다.

3

Application

Manifest와 Service Workers 탭에서 설치성과 제어 상태를 본다.

4

Offline

Network Offline 뒤 새로고침해 fallback과 stale 표시를 확인한다.

검증A 기준실패 신호
Service Workeractivated and running등록 실패, scope 불일치
Manifestinstallable아이콘 누락, start_url 오류
Offlinefallback 표시빈 화면, 무한 로딩
Update새 버전 안내오래된 캐시 유지