대시보드 문서 캐시 방지
This commit is contained in:
@@ -29,7 +29,7 @@ Seoul은 서버에 흩어진 웹 서비스들을 한 화면에서 찾기 위한
|
||||
- `sw.js`: 대시보드 캐시와 PWA 동작
|
||||
- `assets/`: 아이콘과 정적 자산
|
||||
|
||||
`asset-version.php`는 `car/`를 제외한 Seoul 대시보드의 PHP/JS/CSS/manifest/icon 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `assets/asset-reload.js`는 열린 화면에서 이 값을 확인하고, 달라지면 Cache Storage를 비운 뒤 현재 화면을 다시 엽니다. 현재 URL의 `assetReload` 토큰이 최신 파일 묶음 hash와 다르면 첫 진입도 토큰을 붙인 URL로 다시 열어 낡은 JS/CSS가 먼저 실행되는 상황을 줄입니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다.
|
||||
`asset-version.php`는 `car/`를 제외한 Seoul 대시보드의 PHP/JS/CSS/manifest/icon 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `assets/asset-reload.js`는 열린 화면에서 이 값을 확인하고, 달라지면 Cache Storage를 비운 뒤 현재 화면을 다시 엽니다. 현재 URL의 `assetReload` 토큰이 최신 파일 묶음 hash와 다르면 첫 진입도 토큰을 붙인 URL로 다시 열어 낡은 JS/CSS가 먼저 실행되는 상황을 줄입니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다. `index.php`는 `no-store` 헤더를 내려 문서 자체가 오래 남지 않게 하고, service worker는 기존 정적 캐시를 정리한 뒤 요청을 네트워크로 넘깁니다.
|
||||
|
||||
## 입력 소스
|
||||
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
<?php
|
||||
declare(strict_types=1);
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate, max-age=0');
|
||||
header('Pragma: no-cache');
|
||||
header('Expires: 0');
|
||||
|
||||
$nginxFiles = [
|
||||
'/etc/nginx/nginx.conf',
|
||||
'/etc/nginx/sites-enabled',
|
||||
@@ -318,7 +322,7 @@ ksort($items, SORT_NATURAL);
|
||||
<link rel="icon" href="assets/icon-192.png" type="image/png" sizes="192x192">
|
||||
<link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
|
||||
<link rel="manifest" href="manifest.webmanifest">
|
||||
<script src="assets/asset-reload.js?v=20260721_autotoken1" data-service="seoul" defer></script>
|
||||
<script src="assets/asset-reload.js?v=20260721_nocache1" data-service="seoul" defer></script>
|
||||
<script src="https://chaegeon.com/log/bancheck.min.js?_=<?php echo time(); ?>"></script>
|
||||
<style>
|
||||
* {
|
||||
@@ -465,7 +469,9 @@ ksort($items, SORT_NATURAL);
|
||||
<script>
|
||||
if ('serviceWorker' in navigator) {
|
||||
window.addEventListener('load', () => {
|
||||
navigator.serviceWorker.register('sw.js', { scope: './' }).catch(() => undefined);
|
||||
navigator.serviceWorker.register('sw.js?v=20260721_nocache1', { scope: './' })
|
||||
.then(registration => registration.update())
|
||||
.catch(() => undefined);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -1,12 +1,5 @@
|
||||
const CACHE_NAME = 'seoul-shortcuts-v1';
|
||||
const CACHE_NAME = 'seoul-offline-v20260721-nocache1';
|
||||
const CORE_ASSETS = [
|
||||
'./',
|
||||
'./assets/favicon.svg',
|
||||
'./assets/icon-32.png',
|
||||
'./assets/icon-192.png',
|
||||
'./assets/icon-512.png',
|
||||
'./assets/apple-touch-icon.png',
|
||||
'./manifest.webmanifest'
|
||||
];
|
||||
|
||||
self.addEventListener('install', event => {
|
||||
@@ -38,13 +31,5 @@ self.addEventListener('fetch', event => {
|
||||
return;
|
||||
}
|
||||
|
||||
event.respondWith(
|
||||
fetch(event.request)
|
||||
.then(response => {
|
||||
const copy = response.clone();
|
||||
caches.open(CACHE_NAME).then(cache => cache.put(event.request, copy));
|
||||
return response;
|
||||
})
|
||||
.catch(() => caches.match(event.request))
|
||||
);
|
||||
event.respondWith(fetch(event.request, { cache: 'no-store' }));
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user