💬

2.5 Service Worker 설정하기

Service Worker Options로 이동하면 오프라인 환경에 대한 설정을 할 수 있습니다. PWA Builder에서는 미리 만들어진 서비스 워커 패키지들을 제공합니다.
여기서는 PWA가 오프라인 환경에서 어떤 페이지를 보여줄지를 설정할 수 있는데 우리는 가장 위에 있는 'Offline page'를 사용하도록 하겠습니다. 오프라인 페이지는 웹 서버에서 offline.html 파일을 가져와서 네트워크 연결이 끊기거나 원활하지 않을 경우에 해당 파일을 제공합니다.
 
Add to Base Package 버튼을 클릭하여 offline page의 기본 패키지를 추가하고, Done 버튼을 클릭합니다.
notion imagenotion image
 
Done 버튼을 누르면 테스트 결과 화면으로 이동되는데 여기서 Next 버튼을 클릭합니다.
notion imagenotion image
 
이제 Generate 버튼을 클릭하면 우리가 앞서 설정한 Manifest와 Service Worker를 포함한 파일들을 자동으로 생성해 줍니다. Generate 버튼을 클릭한 후 경고창이 뜨면 Download 버튼을 클릭하여 패키지를 다운로드합니다.
notion imagenotion image
notion imagenotion image