Service Worker Options로 이동하면 오프라인 환경에 대한 설정을 할 수 있습니다. PWA Builder에서는 미리 만들어진 서비스 워커 패키지들을 제공합니다.

여기서는 PWA가 오프라인 환경에서 어떤 페이지를 보여줄지를 설정할 수 있는데 우리는 가장 위에 있는 **'Offline page'**를 사용하도록 하겠습니다. 오프라인 페이지는 웹 서버에서 offline.html 파일을 가져와서 네트워크 연결이 끊기거나 원활하지 않을 경우에 해당 파일을 제공합니다.

Add to Base Package 버튼을 클릭하여 offline page의 기본 패키지를 추가하고, Done 버튼을 클릭합니다.

스크린샷 2021-08-25 오후 1.45.06.png

Done 버튼을 누르면 테스트 결과 화면으로 이동되는데 여기서 Next 버튼을 클릭합니다.

스크린샷 2021-08-25 오후 1.57.54.png

이제 Generate 버튼을 클릭하면 우리가 앞서 설정한 Manifest와 Service Worker를 포함한 파일들을 자동으로 생성해 줍니다. Generate 버튼을 클릭한 후 경고창이 뜨면 Download 버튼을 클릭하여 패키지를 다운로드합니다.

스크린샷 2021-08-25 오후 2.03.21.png

스크린샷 2021-08-25 오후 2.05.18.png