From e3303d0fda7eb21a150db1668aa879249bd13ee2 Mon Sep 17 00:00:00 2001 From: seo Date: Tue, 21 Jul 2026 18:25:07 +0900 Subject: [PATCH] Force asset reload token on first visit --- README.md | 2 +- public/assets/asset-reload.js | 15 +++++++++++++-- public/index.php | 2 +- 3 files changed, 15 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index f5f0844..f7c4f1d 100644 --- a/README.md +++ b/README.md @@ -61,7 +61,7 @@ Control은 라즈베리파이/리눅스 호스트의 팬과 시스템 상태를 - `bin/wifi_observe.php`: 5G WiFi 연결 시간 보정을 위한 시스템단 관측 CLI - `systemd/control-wifi-observe.*`: WiFi 관측 CLI를 주기적으로 실행하는 systemd unit 예시 -`asset-version.php`는 `public`의 PHP/JS/CSS/manifest/icon 파일과 `config`의 PHP 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `asset-reload.js`는 화면 복귀, 포커스 복귀, 온라인 복귀, 모바일 터치/클릭 복귀, 30초 간격으로 이 값을 다시 확인하고, 값이 달라지면 브라우저 Cache Storage를 비운 뒤 현재 화면을 다시 엽니다. 삼성 브라우저 등에서 Web Storage나 `Promise.finally()` 호환성이 부족해도 동작하도록 쿠키 fallback과 timeout 기반 캐시 삭제를 사용합니다. +`asset-version.php`는 `public`의 PHP/JS/CSS/manifest/icon 파일과 `config`의 PHP 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `asset-reload.js`는 화면 복귀, 포커스 복귀, 온라인 복귀, 모바일 터치/클릭 복귀, 30초 간격으로 이 값을 다시 확인하고, 값이 달라지면 브라우저 Cache Storage를 비운 뒤 현재 화면을 다시 엽니다. 현재 URL의 `assetReload` 토큰이 최신 파일 묶음 hash와 다르면 첫 진입도 토큰을 붙인 URL로 다시 열어 낡은 JS/CSS가 먼저 실행되는 상황을 줄입니다. 삼성 브라우저 등에서 Web Storage나 `Promise.finally()` 호환성이 부족해도 동작하도록 쿠키 fallback과 timeout 기반 캐시 삭제를 사용합니다. ## 데이터/저장소 diff --git a/public/assets/asset-reload.js b/public/assets/asset-reload.js index 6008abd..580fad1 100644 --- a/public/assets/asset-reload.js +++ b/public/assets/asset-reload.js @@ -133,7 +133,11 @@ }); } - var currentAssetToken = new URL(window.location.href).searchParams.get('assetReload') || ''; + function assetTokenFromLocation() { + return new URL(window.location.href).searchParams.get('assetReload') || ''; + } + + var currentAssetToken = assetTokenFromLocation(); if (currentAssetToken) { applyAssetToken(currentAssetToken); new MutationObserver(function () { @@ -155,7 +159,8 @@ var token = version.slice(0, 12); var marker = token + ':' + Math.floor(Date.now() / 10000); - if (sessionGet(reloadKey) === marker) return; + if (assetTokenFromLocation() === token) return; + if (assetTokenFromLocation() && sessionGet(reloadKey) === marker) return; sessionSet(reloadKey, marker); withTimeout(deleteCaches(), 2500).then(function () { @@ -189,9 +194,15 @@ }).then(function (data) { if (!data || data.result !== 'ok' || !data.version) return; + var token = data.version.slice(0, 12); var previous = storeGet(storageKey); storeSet(storageKey, data.version); + if (assetTokenFromLocation() !== token) { + reloadWith(data.version); + return; + } + if (previous && previous !== data.version) { reloadWith(data.version); } diff --git a/public/index.php b/public/index.php index fb064d9..8e3415a 100644 --- a/public/index.php +++ b/public/index.php @@ -76,7 +76,7 @@ $loggedIn = signed_in(); - +