에셋 리로드 파일별 캐시 검증 보강

2026-07-25 19:45:14 +09:00
parent 413429b7e4
commit 75fa1096ba
4 changed files with 57 additions and 16 deletions
@@ -64,7 +64,7 @@ Car는 차량 모뎀/게이트웨이에서 받은 상태를 수집해 DB에 저
 - `sw.js`: 과거 등록된 service worker 정리용 파일
 - `assets/`: 아이콘과 정적 자산

-`asset-version.php`는 차량 모니터의 PHP/JS/CSS/manifest/icon 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `assets/asset-reload.js`는 열린 모니터 화면에서 이 값을 확인하고, 달라지면 Cache Storage를 비우고 service worker 등록을 해제한 뒤 현재 화면을 다시 엽니다. 현재 URL의 `assetReload` 토큰이 최신 파일 묶음 hash와 다르면 첫 진입도 토큰을 붙인 URL로 다시 열어 낡은 JS/CSS가 먼저 실행되는 상황을 줄입니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다.
+`asset-version.php`는 차량 모니터의 PHP/JS/CSS/manifest/icon 파일을 읽어 전체 버전과 파일별 버전을 만듭니다. `monitor.php`는 실제 파일 수정 시각과 hash 기반 `v` 값을 icon, manifest, reload script 경로에 붙입니다. `assets/asset-reload.js`는 전체 버전이나 현재 로드된 script/link의 파일별 `v` 값이 달라지면 Cache Storage를 비우고 service worker 등록을 해제한 뒤 현재 화면을 다시 엽니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다.

 `monitor.php`는 남은 service worker 등록을 해제합니다. 차량 상태와 인증 요청은 실시간 응답이 중요하므로 브라우저 오프라인 캐시를 사용하지 않습니다.