From 08e705c1f76a7e082917858910597c9b52014b92 Mon Sep 17 00:00:00 2001 From: seo Date: Sat, 25 Jul 2026 19:45:14 +0900 Subject: [PATCH] =?UTF-8?q?=EC=97=90=EC=85=8B=20=EB=A6=AC=EB=A1=9C?= =?UTF-8?q?=EB=93=9C=20=ED=8C=8C=EC=9D=BC=EB=B3=84=20=EC=BA=90=EC=8B=9C=20?= =?UTF-8?q?=EA=B2=80=EC=A6=9D=20=EB=B3=B4=EA=B0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- app/lib/helpers.php | 29 ++++++++++++++++++++++------- app/views/header.php | 14 +++++++------- public/asset-version.php | 8 ++++++++ public/assets/asset-reload.js | 35 ++++++++++++++++++++++++++++------- public/login.php | 14 +++++++------- public/register.php | 12 ++++++------ 7 files changed, 79 insertions(+), 35 deletions(-) diff --git a/README.md b/README.md index 18ba0a8..471a7a7 100644 --- a/README.md +++ b/README.md @@ -45,7 +45,7 @@ Financial은 개인 금융 데이터를 서버 렌더링 PHP 화면에서 관리 - `public/assets/pwa.js`: 기존 service worker 등록 정리 - `public/sw.js`: 과거 등록된 service worker 정리용 파일 -`asset-version.php`는 `app`의 PHP 파일과 `public`의 PHP/HTML/JS/CSS/manifest/icon 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. 공통 헤더, 로그인, 회원가입 화면에서 `asset-reload.js`를 불러오며, 파일 묶음 hash가 달라지면 Cache Storage를 비우고 service worker 등록을 해제한 뒤 현재 화면을 다시 엽니다. 현재 URL의 `assetReload` 토큰이 최신 파일 묶음 hash와 다르면 첫 진입도 토큰을 붙인 URL로 다시 열어 낡은 JS/CSS가 먼저 실행되는 상황을 줄입니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다. 화면 PHP는 `no-store` 헤더를 내려 문서 자체가 오래 남지 않게 하고, service worker는 더 이상 새로 등록하지 않습니다. +`asset-version.php`는 `app`의 PHP 파일과 `public`의 PHP/HTML/JS/CSS/manifest/icon 파일을 읽어 전체 버전과 파일별 버전을 만듭니다. 공통 헤더, 로그인, 회원가입 화면은 실제 파일 수정 시각과 hash 기반 `v` 값을 정적 파일 경로에 붙입니다. `asset-reload.js`는 전체 버전이나 현재 로드된 script/link의 파일별 `v` 값이 달라지면 Cache Storage를 비우고 service worker 등록을 해제한 뒤 현재 화면을 다시 엽니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다. 화면 PHP는 `no-store` 헤더를 내려 문서 자체가 오래 남지 않게 하고, service worker는 더 이상 새로 등록하지 않습니다. ## 데이터/저장소 diff --git a/app/lib/helpers.php b/app/lib/helpers.php index c78e507..f650ed0 100644 --- a/app/lib/helpers.php +++ b/app/lib/helpers.php @@ -1,11 +1,26 @@ - - - - + + + + @@ -40,9 +40,9 @@ if (function_exists('send_private_no_store_headers')) { - - - + + + diff --git a/public/asset-version.php b/public/asset-version.php index bd38b75..44f5ac6 100644 --- a/public/asset-version.php +++ b/public/asset-version.php @@ -55,22 +55,30 @@ function collect_asset_files(string $root, array $scanRoots): array clearstatcache(); $rootPath = realpath($root); $fingerprints = []; +$assets = []; foreach (collect_asset_files($root, $scanRoots) as $fullPath) { $relativePath = ltrim(str_replace($rootPath ?: $root, '', $fullPath), DIRECTORY_SEPARATOR); $fileHash = is_readable($fullPath) ? (hash_file('sha256', $fullPath) ?: 'hash-failed') : 'unreadable'; + $fileVersion = (string)filemtime($fullPath) . '-' . substr($fileHash, 0, 10); $fingerprints[] = implode('|', [ str_replace(DIRECTORY_SEPARATOR, '/', $relativePath), (string)filesize($fullPath), (string)filemtime($fullPath), $fileHash, ]); + + if (str_starts_with($relativePath, 'public' . DIRECTORY_SEPARATOR)) { + $publicPath = substr($relativePath, strlen('public')); + $assets[str_replace(DIRECTORY_SEPARATOR, '/', $publicPath)] = $fileVersion; + } } echo json_encode([ 'result' => 'ok', 'service' => $service, 'version' => hash('sha256', implode("\n", $fingerprints)), + 'assets' => $assets, 'count' => count($fingerprints), 'generatedAt' => time(), ], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES); diff --git a/public/assets/asset-reload.js b/public/assets/asset-reload.js index 694c770..2c74cd7 100644 --- a/public/assets/asset-reload.js +++ b/public/assets/asset-reload.js @@ -21,6 +21,7 @@ var running = false; var memoryStore = {}; var lastCheckAt = 0; + var bfcacheReturn = false; function cookieName(key) { return key.replace(/[^A-Za-z0-9_-]/g, '_'); @@ -167,12 +168,26 @@ unregisterServiceWorkers(); - function reloadWith(version) { + function loadedAssetMismatch(assets) { + if (!assets || typeof assets !== 'object') return false; + + var nodes = Array.prototype.slice.call(document.querySelectorAll('script[src], link[href]')); + return nodes.some(function (element) { + var attr = element.tagName.toLowerCase() === 'script' ? 'src' : 'href'; + var current = element.getAttribute(attr); + var parsed = current ? sameOriginUrl(current) : null; + if (!parsed || !Object.prototype.hasOwnProperty.call(assets, parsed.pathname)) return false; + + return parsed.searchParams.get('v') !== String(assets[parsed.pathname]); + }); + } + + function reloadWith(version, force) { var token = version.slice(0, 12); var marker = token + ':' + Math.floor(Date.now() / 10000); - if (assetTokenFromLocation() === token) return; - if (assetTokenFromLocation() && sessionGet(reloadKey) === marker) return; + if (!force && assetTokenFromLocation() === token) return; + if (sessionGet(reloadKey) === marker) return; sessionSet(reloadKey, marker); withTimeout(Promise.all([deleteCaches(), unregisterServiceWorkers()]), 2500).then(function () { @@ -201,15 +216,18 @@ var token = data.version.slice(0, 12); var previous = storeGet(storageKey); + var mismatch = loadedAssetMismatch(data.assets); + var forceReload = bfcacheReturn; + bfcacheReturn = false; storeSet(storageKey, data.version); - if (assetTokenFromLocation() !== token) { - reloadWith(data.version); + if (assetTokenFromLocation() !== token || mismatch || forceReload) { + reloadWith(data.version, mismatch || forceReload); return; } if (previous && previous !== data.version) { - reloadWith(data.version); + reloadWith(data.version, false); } }).then(function () { running = false; @@ -218,7 +236,10 @@ }); } - window.addEventListener('pageshow', function () { + window.addEventListener('pageshow', function (event) { + if (event && event.persisted) { + bfcacheReturn = true; + } check(true); setTimeout(function () { check(true); }, 250); setTimeout(function () { check(true); }, 1500); diff --git a/public/login.php b/public/login.php index f0f3b9e..39fa89e 100644 --- a/public/login.php +++ b/public/login.php @@ -61,10 +61,10 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') { - - - - + + + + @@ -78,9 +78,9 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') { - - - + + + diff --git a/public/register.php b/public/register.php index cac8b3a..f207c71 100644 --- a/public/register.php +++ b/public/register.php @@ -84,12 +84,12 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') { - - - - - - + + + + + +