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