From cf5fe5b0508bcd4a1c05e8e900a9432e732c13ee Mon Sep 17 00:00:00 2001 From: seo Date: Tue, 21 Jul 2026 19:15:33 +0900 Subject: [PATCH] =?UTF-8?q?=EC=84=9C=EB=B9=84=EC=8A=A4=EC=9B=8C=EC=BB=A4?= =?UTF-8?q?=20=EC=9E=90=EC=82=B0=20=EC=BA=90=EC=8B=9C=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- app/views/header.php | 9 +++++++-- public/assets/pwa.js | 4 +++- public/login.php | 14 ++++++++------ public/register.php | 14 ++++++++------ public/sw.js | 21 +++++---------------- 6 files changed, 32 insertions(+), 32 deletions(-) diff --git a/README.md b/README.md index 3563a24..4c0d247 100644 --- a/README.md +++ b/README.md @@ -44,7 +44,7 @@ Financial은 개인 금융 데이터를 서버 렌더링 PHP 화면에서 관리 - `public/assets/asset-reload.js`: 열린 브라우저에서 파일 묶음 hash가 달라졌는지 확인하고 새로 여는 스크립트 - `public/assets/pwa.js`, `public/sw.js`: PWA 동작 -`asset-version.php`는 `app`의 PHP 파일과 `public`의 PHP/HTML/JS/CSS/manifest/icon 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. 공통 헤더, 로그인, 회원가입 화면에서 `asset-reload.js`를 불러오며, 파일 묶음 hash가 달라지면 Cache Storage를 비우고 현재 화면을 다시 엽니다. 현재 URL의 `assetReload` 토큰이 최신 파일 묶음 hash와 다르면 첫 진입도 토큰을 붙인 URL로 다시 열어 낡은 JS/CSS가 먼저 실행되는 상황을 줄입니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다. +`asset-version.php`는 `app`의 PHP 파일과 `public`의 PHP/HTML/JS/CSS/manifest/icon 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. 공통 헤더, 로그인, 회원가입 화면에서 `asset-reload.js`를 불러오며, 파일 묶음 hash가 달라지면 Cache Storage를 비우고 현재 화면을 다시 엽니다. 현재 URL의 `assetReload` 토큰이 최신 파일 묶음 hash와 다르면 첫 진입도 토큰을 붙인 URL로 다시 열어 낡은 JS/CSS가 먼저 실행되는 상황을 줄입니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다. 화면 PHP는 `no-store` 헤더를 내려 문서 자체가 오래 남지 않게 하고, service worker는 오프라인 안내 화면만 남긴 뒤 앱 파일과 HTML은 네트워크에서 다시 받습니다. ## 데이터/저장소 diff --git a/app/views/header.php b/app/views/header.php index a319ea6..2c745eb 100644 --- a/app/views/header.php +++ b/app/views/header.php @@ -1,4 +1,9 @@ - + @@ -37,7 +42,7 @@ - + diff --git a/public/assets/pwa.js b/public/assets/pwa.js index 00be5cf..4a26007 100644 --- a/public/assets/pwa.js +++ b/public/assets/pwa.js @@ -4,6 +4,8 @@ } window.addEventListener('load', function () { - navigator.serviceWorker.register('/sw.js').catch(function () {}); + navigator.serviceWorker.register('/sw.js?v=20260721_nocache1').then(function (registration) { + if (registration && typeof registration.update === 'function') registration.update(); + }).catch(function () {}); }); })(); diff --git a/public/login.php b/public/login.php index f95c50e..f0f3b9e 100644 --- a/public/login.php +++ b/public/login.php @@ -1,9 +1,11 @@ - + diff --git a/public/register.php b/public/register.php index a7edf5a..cac8b3a 100644 --- a/public/register.php +++ b/public/register.php @@ -1,9 +1,11 @@ - + diff --git a/public/sw.js b/public/sw.js index 9c94b5d..30c25e0 100644 --- a/public/sw.js +++ b/public/sw.js @@ -1,13 +1,6 @@ -const CACHE_NAME = 'financial-static-v1'; +const CACHE_NAME = 'financial-offline-v20260721-nocache1'; const STATIC_ASSETS = [ - '/offline.html', - '/assets/vendor/bootstrap.min.css', - '/assets/vendor/bootstrap.bundle.min.js', - '/assets/vendor/chart.umd.js', - '/assets/app.css', - '/assets/pwa.js', - '/favicon.png?v=2', - '/manifest.webmanifest' + '/offline.html' ]; self.addEventListener('install', event => { @@ -45,16 +38,12 @@ self.addEventListener('fetch', event => { return; } - if (url.pathname.startsWith('/assets/vendor/') || url.pathname === '/assets/app.css' || url.pathname === '/assets/pwa.js' || url.pathname === '/manifest.webmanifest' || url.pathname === '/favicon.png') { + if (request.mode === 'navigate') { event.respondWith( - caches.match(request).then(cached => cached || fetch(request)) + fetch(request, { cache: 'no-store' }).catch(() => caches.match('/offline.html')) ); return; } - if (request.mode === 'navigate') { - event.respondWith( - fetch(request).catch(() => caches.match('/offline.html')) - ); - } + event.respondWith(fetch(request, { cache: 'no-store' })); });