서비스워커 등록 해제
This commit is contained in:
@@ -13,23 +13,23 @@ Seoul은 서버에 흩어진 웹 서비스들을 한 화면에서 찾기 위한
|
||||
- document root에서 `index.php`, `monitor.php` 같은 entry 탐색
|
||||
- 자기 자신, 내부 host, IP literal, 변수, 정규식 형태 host 제외
|
||||
- 서비스 이름, host, entry path 표시
|
||||
- PWA manifest와 service worker 제공
|
||||
- PWA manifest 제공
|
||||
|
||||
## 주요 진입점
|
||||
|
||||
- `index.php`: 바로가기 대시보드
|
||||
- `asset-version.php`: 대시보드 파일 묶음의 현재 hash를 내려주는 JSON 엔드포인트
|
||||
- `manifest.webmanifest`: PWA manifest
|
||||
- `sw.js`: service worker
|
||||
- `sw.js`: 과거 등록된 service worker 정리용 파일
|
||||
|
||||
## 구성
|
||||
|
||||
- `index.php`: nginx 설정 파싱과 HTML 렌더링
|
||||
- `manifest.webmanifest`: PWA 설치 정보
|
||||
- `sw.js`: 대시보드 캐시와 PWA 동작
|
||||
- `sw.js`: 과거 등록된 service worker 정리용 파일
|
||||
- `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으로 이전 버전을 비교합니다. `index.php`는 `no-store` 헤더를 내려 문서 자체가 오래 남지 않게 하고, service worker는 기존 정적 캐시를 정리한 뒤 요청을 네트워크로 넘깁니다.
|
||||
`asset-version.php`는 `car/`를 제외한 Seoul 대시보드의 PHP/JS/CSS/manifest/icon 파일을 읽어 크기, 수정 시각, sha256 hash를 묶은 버전을 만듭니다. `assets/asset-reload.js`는 열린 화면에서 이 값을 확인하고, 달라지면 Cache Storage를 비우고 service worker 등록을 해제한 뒤 현재 화면을 다시 엽니다. 현재 URL의 `assetReload` 토큰이 최신 파일 묶음 hash와 다르면 첫 진입도 토큰을 붙인 URL로 다시 열어 낡은 JS/CSS가 먼저 실행되는 상황을 줄입니다. 모바일/삼성 브라우저 호환을 위해 화면 복귀, 온라인 복귀, 터치/클릭 복귀 이벤트도 확인하고, Web Storage 실패 시 쿠키 fallback으로 이전 버전을 비교합니다. `index.php`는 `no-store` 헤더를 내려 문서 자체가 오래 남지 않게 하고, service worker는 더 이상 새로 등록하지 않습니다.
|
||||
|
||||
## 입력 소스
|
||||
|
||||
|
||||
Reference in New Issue
Block a user