설치된 플랫폼 앱은 오프라인 상태에서도 실행할 수 있습니다. 이 경우 사용자에게 인터넷에 액세스할 수 없다고 알리는 페이지가 포함되는 경우가 많습니다. 일부 개발자는 오프라인 상태에서 사용할 수 있는 전체 기능을 만들기도 합니다.
웹 앱의 경우 오프라인 작업 기능이 더 최근에 도입되었습니다. Service Worker API 출시와 함께 가능해졌습니다. 또한 웹사이트가 설치 가능해지면서 PWA는 웹 앱을 설치할 수 있도록 서비스 워커를 등록하고 fetch() 메서드를 구현해야 한다는 요구사항을 추가했습니다.
개발자가 사용자에게 현재 앱을 사용할 수 없다는 알림을 제공하도록 유도하기 위한 조치였습니다.
이제 개발자가 기본 오프라인 페이지를 가져오기 위해 별도로 취해야 할 조치는 없습니다. Android의 Chrome 109부터 브라우저는 사용자가 오프라인 상태임을 알리는 페이지를 자동으로 생성합니다.
앱에서 맞춤 오프라인 환경을 구현하지 않으면 사용자가 오프라인 상태일 때 기본 오프라인 페이지에 앱 아이콘과 간단한 오프라인 상태입니다 메시지가 표시됩니다. 아래 예와 같이
이 글리치에서 이전 예시를 확인해 보세요.
맞춤 오프라인 페이지를 직접 만드는 옵션은 계속 사용할 수 있습니다. 다음 동영상에서는 Workbox를 사용하여 단일 코드 줄로 맞춤 페이지를 제공하는 방법을 보여줍니다.
이 기능은 Android (Chrome 109) 및 데스크톱 환경 (Chrome 110)에서 사용할 수 있습니다. 의견이 있으면 이 양식을 통해 보내주세요.
사진: Unsplash의 Sten Ritterfeld