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