페이지 및 start_url을 제어하는 서비스 워커를 등록하지 않습니다.
Published on • Updated on
Translated to: English, Español, Português, 中文, Pусский, 日本語
서비스 워커를 등록하는 것은 주요 PWA(Progressive Web App) 기능을 활성화하기 위한 첫 번째 단계입니다.
- 오프라인에서 작동
- 푸시 알림 지원
- 장치에 설치 가능
서비스 워커 및 Cache Storage API 게시물에서 자세히 알아보세요.
브라우저 호환성
Internet Explorer를 제외한 모든 주요 브라우저는 서비스 워커를 지원합니다. 브라우저 호환성을 참조하세요.
Lighthouse 서비스 워커 감사가 실패하는 이유
Lighthouse는 서비스 워커를 등록하지 않은 페이지에 플래그를 지정합니다.
Lighthouse는 Chrome 원격 디버깅 프로토콜 이 서비스 워커 버전을 반환하는지 확인합니다. 그렇지 않으면 감사가 실패합니다.
In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).
서비스 워커 등록 방법
Workbox is the recommended approach for adding service workers to websites because it automates a lot of boilerplate, makes it easier to follow best practices, and prevents subtle bugs that are common when using the low-level ServiceWorker API directly.
서비스 워커를 등록하는 데는 몇 줄의 코드만 필요하지만 서비스 워커를 사용하는 유일한 이유는 위에 설명된 PWA 기능 중 하나를 구현할 수 있도록 하기 위해서입니다. 실제로 이러한 기능을 구현하려면 더 많은 작업이 필요합니다.
- 오프라인 사용을 위해 파일을 캐시 하는 방법을 알아보려면 네트워크 안정성이란 무엇이며 어떻게 측정합니까?게시물을 참조하세요.
- 앱을 설치 가능하게 만드는 방법을 알아보려면 설치 가능하게 만들기 코드랩을 참조하세요.
- 푸시 알림을 활성화하는 방법을 알아보려면 Google의 웹 앱에 푸시 알림 추가를 참조하세요.
자원
Updated on • Improve article