에셋 리로드 반복 방지
This commit is contained in:
1 parent
41454f49c8
commit
25306f5bad
2 files changed
+5
-3
No files matched your search
@@ -31,7 +31,7 @@ Seoul은 서버에 흩어진 웹 서비스들을 한 화면에서 찾기 위한
|
|||||||
- `sw.js`: 과거 등록된 service worker 정리용 파일
|
- `sw.js`: 과거 등록된 service worker 정리용 파일
|
||||||
- `assets/`: 아이콘과 정적 자산
|
- `assets/`: 아이콘과 정적 자산
|
||||||
|
|
||||||
`asset-version.php`는 `car/`를 제외한 Seoul 대시보드의 PHP/JS/CSS/manifest/icon 파일을 읽어 전체 버전과 파일별 버전을 만듭니다. `index.php`는 실제 파일 수정 시각과 hash 기반 `v` 값을 정적 파일 경로에 붙입니다. `assets/asset-reload.js`는 전체 버전이나 현재 로드된 script/link의 파일별 `v` 값이 달라지면 Cache Storage를 비우고 service worker 등록을 해제한 뒤 현재 화면을 다시 엽니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다. `index.php`는 `no-store` 헤더를 내려 문서 자체가 오래 남지 않게 하고, service worker는 더 이상 새로 등록하지 않습니다.
|
`asset-version.php`는 `car/`를 제외한 Seoul 대시보드의 PHP/JS/CSS/manifest/icon 파일을 읽어 전체 버전과 파일별 버전을 만듭니다. `index.php`는 실제 파일 수정 시각과 hash 기반 `v` 값을 정적 파일 경로에 붙입니다. `assets/asset-reload.js`는 전체 버전이나 현재 로드된 script/link의 파일별 `v` 값이 달라지면 Cache Storage를 비우고 service worker 등록을 해제한 뒤 현재 화면을 다시 엽니다. 현재 URL에 최신 `assetReload` 토큰이 이미 있으면 파일별 `v` 값이 낡아 보여도 반복해서 다시 열지 않습니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다. `index.php`는 `no-store` 헤더를 내려 문서 자체가 오래 남지 않게 하고, service worker는 더 이상 새로 등록하지 않습니다.
|
||||||
|
|
||||||
## 입력 소스
|
## 입력 소스
|
||||||
|
|
||||||
|
|||||||
@@ -215,12 +215,14 @@
|
|||||||
if (!data || data.result !== 'ok' || !data.version) return;
|
if (!data || data.result !== 'ok' || !data.version) return;
|
||||||
|
|
||||||
var previous = storeGet(storageKey);
|
var previous = storeGet(storageKey);
|
||||||
var mismatch = loadedAssetMismatch(data.assets);
|
var latestToken = String(data.version).slice(0, 12);
|
||||||
|
var hasLatestToken = assetTokenFromLocation() === latestToken;
|
||||||
|
var mismatch = !hasLatestToken && loadedAssetMismatch(data.assets);
|
||||||
var forceReload = bfcacheReturn;
|
var forceReload = bfcacheReturn;
|
||||||
bfcacheReturn = false;
|
bfcacheReturn = false;
|
||||||
storeSet(storageKey, data.version);
|
storeSet(storageKey, data.version);
|
||||||
|
|
||||||
if (mismatch || forceReload) {
|
if ((mismatch || forceReload) && !hasLatestToken) {
|
||||||
reloadWith(data.version, true);
|
reloadWith(data.version, true);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user