AppCache 삭제 준비

Chrome 85에서는 기본적으로 AppCache 지원이 중단됩니다. 대부분의 개발자는 더 이상 기다리지 말고 지금 AppCache를 마이그레이션해야 합니다.

이전 공지사항에 따라 Chrome 및 기타 Chromium 기반 브라우저에서 AppCache 지원이 삭제됩니다. 개발자는 더 이상 기다리지 말고 지금 바로 AppCache에서 이전하는 것이 좋습니다.

현재 브라우저에서 널리 지원되는 서비스 워커는 AppCache에서 제공했던 오프라인 환경을 제공하는 대안을 제공합니다. 마이그레이션 전략을 참고하세요.

Chrome 출시 일정이 최근 변경사항으로 인해 이러한 단계 중 일부의 시기는 달라질 수 있습니다. 이 타임라인을 최신 상태로 유지하기 위해 노력하고 있지만, 지금은 특정 마일스톤을 기다리지 말고 최대한 빨리 AppCache에서 이전하세요.

'지원 중단된' 기능은 계속 존재하지만 사용을 권장하지 않는 경고 메시지를 로깅합니다. '삭제된' 기능이 더 이상 브라우저에 없습니다.

비보안 컨텍스트의 지원 중단 Chrome 50 (2016년 4월)
비보안 컨텍스트에서 삭제 Chrome 70 (2018년 10월)
보안 컨텍스트의 지원 중단 Chrome 79(2019년 12월)
AppCache 범위 제한 Chrome 80 (2020년 2월)
'리버스' 오리진 트라이얼 시작 Chrome 84 (2020년 7월)
보안 컨텍스트에서 삭제(오리진 트라이얼을 선택한 경우 제외) Chrome 85(2020년 8월)
오리진 트라이얼이 완료되면 모든 사용자를 대상으로 보안 컨텍스트에서 완전히 삭제 2021년 10월 5일(대략 Chrome 95)

오리진 트라이얼

타임라인에는 예정된 두 가지 삭제 마일스톤이 나와 있습니다. Chrome 85부터는 Chrome에서 AppCache를 더 이상 기본적으로 사용할 수 없습니다. AppCache에서 이전하는 데 추가 시간이 필요한 개발자는 '역' 출처 체험판가입하여 웹 앱에서 AppCache의 사용 가능 여부를 연장할 수 있습니다. 출처 무료 체험판은 Chrome 84에서 시작되며 (Chrome 85에서 기본적으로 삭제되기 전) 2021년 10월 5일 (대략 Chrome 95)까지 진행됩니다. 이 시점에서는 오리진 체험판에 가입한 사용자를 포함한 모든 사용자의 AppCache가 완전히 삭제됩니다.

'역' 오리진 트라이얼에 참여하려면 다음 안내를 따르세요.

  1. 출처의 토큰을 요청합니다.
  2. HTML 페이지에 토큰을 추가합니다. 다음과 같은 두 가지 방법이 있습니다.
    • 각 페이지의 헤더에 origin-trial <meta> 태그를 추가합니다. 예: <meta http-equiv="origin-trial" content="TOKEN_GOES_HERE">
    • 또는 Origin-Trial HTTP 헤더가 포함된 응답을 반환하도록 서버를 구성합니다. 결과 응답 헤더는 다음과 같이 표시됩니다. Origin-Trial: TOKEN_GOES_HERE
  3. AppCache 매니페스트에 동일한 토큰을 추가합니다. 매니페스트의 새 필드를 통해 다음 형식으로 설정합니다.
ORIGIN-TRIAL:
TOKEN_GOES_HERE

ORIGIN-TRIAL와 토큰 사이에 새 줄이 있어야 합니다.

아래에 index.htmlmanifest.appcache 파일 모두에 올바른 출처 무료 체험판 토큰을 추가하는 방법을 보여주는 샘플 프로젝트가 삽입되어 있습니다.

토큰이 여러 위치에 필요한 이유는 무엇인가요?

동일한 출처 무료 체험판 토큰은 다음과 연결되어야 합니다.

  • AppCache를 사용하는 모든 HTML 페이지
  • ORIGIN-TRIAL 매니페스트 필드를 통한 모든 AppCache 매니페스트.

이전에 오리진 트라이얼에 참여한 적이 있다면 HTML 페이지에만 토큰을 추가했을 수도 있습니다. AppCache '리버스' 오리진 트라이얼은 토큰을 각 AppCache 매니페스트와도 연결해야 한다는 점에서 특별합니다.

HTML 페이지에 오리진 트라이얼 토큰을 추가하면 웹 앱 내에서 window.applicationCache 인터페이스가 사용 설정됩니다. 토큰과 연결되지 않은 페이지에서는 window.applicationCache 메서드와 이벤트를 사용할 수 없습니다. 토큰이 없는 페이지는 AppCache에서 리소스를 로드할 수도 없습니다. Chrome 85부터는 AppCache가 없는 것처럼 동작합니다.

AppCache 매니페스트에 출처 체험판 토큰을 추가하면 각 매니페스트가 여전히 유효하다는 것을 나타냅니다. Chrome 85부터 ORIGIN-TRIAL 필드가 없는 매니페스트는 잘못된 형식으로 간주되며 매니페스트 내 규칙은 무시됩니다.

오리진 트라이얼 배포 시기 및 실행 계획

'리버스' 오리진 트라이얼은 Chrome 84에서 공식적으로 시작되지만 지금 오리진 트라이얼에 가입하여 HTML 및 AppCache 매니페스트에 토큰을 추가할 수 있습니다. 웹 앱의 잠재고객이 점진적으로 Chrome 84로 업그레이드됨에 따라 이미 추가한 모든 토큰이 적용됩니다.

AppCache 매니페스트에 토큰을 추가한 후 about://appcache-internals로 이동하여 Chrome의 로컬 인스턴스 (버전 84 이상)가 출처 체험판 토큰을 매니페스트의 캐시된 항목과 올바르게 연결했는지 확인합니다. 출처 무료 체험이 인식되면 해당 페이지에 매니페스트와 연결된 Token Expires: Tue Apr 06 2021...가 있는 필드가 표시됩니다.

인식된 토큰을 보여주는 about://appcache-internals 인터페이스

삭제 전 테스트

가능한 한 빨리 AppCache를 사용 중지하는 것이 좋습니다. 웹 앱에서 AppCache 삭제를 테스트하려면 about://flags/#app-cache 플래그를 사용하여 삭제를 시뮬레이션합니다. 이 플래그는 Chrome 84부터 사용할 수 있습니다.

마이그레이션 전략

현재 브라우저에서 광범위하게 지원되는 서비스 워커는 AppCache에서 제공하는 오프라인 환경의 대안을 제공합니다.

전체 AppCache 인터페이스는 복제하지 않지만 서비스 워커를 사용하여 AppCache의 일부 기능을 복제하는 폴리필을 제공했습니다. 특히 window.applicationCache 인터페이스 또는 관련 AppCache 이벤트를 대체하지는 않습니다.

더 복잡한 경우에는 Workbox와 같은 라이브러리를 사용하면 웹 앱용 최신 서비스 워커를 쉽게 만들 수 있습니다.

서비스 워커와 AppCache는 상호 배타적입니다.

이전 전략을 세우는 동안 Chrome은 서비스 워커의 제어하에 로드되는 모든 페이지에서 AppCache 기능을 사용 중지한다는 점에 유의하시기 바랍니다. 즉, 특정 페이지를 제어하는 서비스 워커를 배포하는 즉시 해당 페이지에서 더 이상 AppCache를 사용할 수 없습니다.

따라서 서비스 워커로의 마이그레이션을 개별적으로 시도하지 않는 것이 좋습니다. 캐싱 로직의 일부만 포함된 서비스 워커를 배포하는 것은 실수입니다. AppCache를 사용하여 '공백을 메울' 수는 없습니다.

마찬가지로 AppCache를 삭제하기 전에 서비스 워커를 배포한 후 이전 AppCache 구현으로 롤백해야 한다는 것을 알게 된 경우 해당 서비스 워커를 등록 취소해야 합니다. 특정 페이지의 범위에 등록된 서비스 워커가 있는 한 AppCache는 사용되지 않습니다.

교차 플랫폼 이야기

AppCache 삭제 계획에 대한 자세한 정보를 원하는 경우 특정 브라우저 공급업체에 문의하시기 바랍니다.

모든 플랫폼에서 실행되는 Firefox

Firefox는 버전 44(2015년 9월)에서 AppCache를 지원 중단했으며 2019년 9월부터 베타 및 Nightly 빌드에서 AppCache 지원을 삭제했습니다.

iOS 및 macOS용 Safari

Safari는 2018년 초에 AppCache를 지원 중단했습니다.

iOS의 Chrome

iOS용 Chrome은 다른 플랫폼의 Chrome과 다른 브라우저 엔진인 WKWebView를 사용하므로 특별한 사례입니다. 현재 WKWebView를 사용하는 iOS 앱에서는 서비스 워커가 지원되지 않으며, Chrome의 AppCache 삭제 공지에서는 iOS용 Chrome에서 AppCache 사용 가능 여부를 다루지 않습니다. 웹 앱의 iOS용 Chrome 사용자가 많다는 것을 알고 있는 경우 이 점을 염두에 두시기 바랍니다.

Android WebView

일부 Android 애플리케이션 개발자는 Chrome WebView를 사용하여 웹 콘텐츠를 표시하며 AppCache를 사용할 수도 있습니다. 하지만 WebView에는 출처 체험판을 사용 설정할 수 없습니다. 이에 따라 Chrome WebView는 Chrome 90에서 최종 삭제가 완료될 때까지 출처 체험판 없이 AppCache를 지원합니다.

자세히 알아보기

다음은 AppCache에서 서비스 워커로 마이그레이션하는 개발자를 위한 몇 가지 리소스입니다.

기사

도구

도움 받기

특정 도구를 사용할 때 문제가 발생하면 GitHub 저장소에서 문제를 여세요.

html5-appcache 태그를 사용하여 Stack Overflow에서 AppCache에서 이전하는 것과 관련된 일반적인 질문을 할 수 있습니다.

Chrome의 AppCache 삭제와 관련된 버그가 발생하면 Chromium Issue Tracker를 사용하여 신고하세요.

Smithsonian Institution Archives, Acc에 근거한 히어로 이미지 11-007, 상자 020, 이미지 번호 MNH-4477