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