Fix: Tiles-Cache-Bust — versionierte PMTiles-URL + version-bewusstes Caching
'nur DACH auf Staging' Ursache: serve_tile schickte Cache-Control max-age=86400 OHNE Validator → Browser lieferte bis 24h die ALTEN PMTiles-Bytes (altes Directory) trotz Datei-Swap. Fix: - map-gl-style.js: tilesUrl() hängt ?v=TILES_VER an (Cache-Bust bei Tile-Deploy) - serve_tile: ?v vorhanden → max-age=1y immutable; ohne → max-age=60 (self-heal) + ETag - Makefile tiles-deploy zählt TILES_VER automatisch hoch + erinnert an Frontend-Deploy
This commit is contained in:
parent
80b56c32ab
commit
2a809a9a0b
8 changed files with 33 additions and 18 deletions
4
Makefile
4
Makefile
|
|
@ -185,6 +185,10 @@ tiles-deploy: check-ssh
|
|||
@scp -O $(TILES_DIR)/dach.pmtiles $(DS_HOST):$(TILES_TARGET)/data/tiles/dach.pmtiles.tmp
|
||||
@ssh $(DS_HOST) "mv -f $(TILES_TARGET)/data/tiles/dach.pmtiles.tmp $(TILES_TARGET)/data/tiles/dach.pmtiles"
|
||||
@echo " ✓ dach.pmtiles ausgeliefert ($(if $(filter prod,$(ENV)),PRODUKTION,Staging))"
|
||||
@# Cache-Bust: TILES_VER in map-gl-style.js hochzählen (sonst liefert der Browser bis 24h alte Tiles).
|
||||
@NEWVER=$$(date +%Y%m%d%H%M); \
|
||||
sed -i '' "s/var TILES_VER = '[0-9]*';/var TILES_VER = '$$NEWVER';/" backend/static/js/map-gl-style.js; \
|
||||
echo " ↻ TILES_VER → $$NEWVER — JETZT Frontend ausliefern: make bump && make $(if $(filter prod,$(ENV)),deploy,staging)"
|
||||
|
||||
# ----------------------------------------------------------
|
||||
# RELEASE — develop → main → Production (VERSION= pflichtangabe)
|
||||
|
|
|
|||
2
VERSION
2
VERSION
|
|
@ -1 +1 @@
|
|||
1207
|
||||
1208
|
||||
|
|
@ -396,7 +396,14 @@ async def serve_tile(filename: str, request: Request):
|
|||
if not os.path.isfile(path):
|
||||
return Response(status_code=404)
|
||||
file_size = os.path.getsize(path)
|
||||
base_headers = {"Accept-Ranges": "bytes", "Cache-Control": "public, max-age=86400"}
|
||||
_mtime = int(os.path.getmtime(path))
|
||||
_etag = f'"{file_size:x}-{_mtime:x}"'
|
||||
# Versionierte URL (?v=…) ist inhaltsstabil → lange + immutable cachen. OHNE Version nur kurz cachen,
|
||||
# damit ein Tile-Swap (gleiche URL, neuer Inhalt) sich innerhalb ~1 Min von selbst heilt — sonst
|
||||
# liefert der Browser bis zu 24h die alten PMTiles-Bytes (alte Abdeckung).
|
||||
_versioned = "v" in request.query_params
|
||||
_cache = "public, max-age=31536000, immutable" if _versioned else "public, max-age=60"
|
||||
base_headers = {"Accept-Ranges": "bytes", "Cache-Control": _cache, "ETag": _etag}
|
||||
if request.method == "HEAD":
|
||||
return Response(
|
||||
status_code=200, media_type="application/octet-stream",
|
||||
|
|
|
|||
|
|
@ -86,14 +86,14 @@
|
|||
<title>Ban Yaro</title>
|
||||
|
||||
<!-- Theme + theme-color Statusleiste vor CSS setzen -->
|
||||
<script src="/js/boot-early.js?v=1207"></script>
|
||||
<script src="/js/boot-early.js?v=1208"></script>
|
||||
|
||||
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=1207">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=1207">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1207">
|
||||
<link rel="stylesheet" href="/css/utilities.css?v=1207">
|
||||
<link rel="stylesheet" href="/css/lists.css?v=1207">
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=1208">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=1208">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1208">
|
||||
<link rel="stylesheet" href="/css/utilities.css?v=1208">
|
||||
<link rel="stylesheet" href="/css/lists.css?v=1208">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -617,11 +617,11 @@
|
|||
<div id="modal-container"></div>
|
||||
|
||||
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
|
||||
<script src="/js/api.js?v=1207"></script>
|
||||
<script src="/js/ui.js?v=1207"></script>
|
||||
<script src="/js/app.js?v=1207"></script>
|
||||
<script src="/js/worlds.js?v=1207"></script>
|
||||
<script src="/js/offline-indicator.js?v=1207"></script>
|
||||
<script src="/js/api.js?v=1208"></script>
|
||||
<script src="/js/ui.js?v=1208"></script>
|
||||
<script src="/js/app.js?v=1208"></script>
|
||||
<script src="/js/worlds.js?v=1208"></script>
|
||||
<script src="/js/offline-indicator.js?v=1208"></script>
|
||||
|
||||
<!-- Feature-Seiten werden lazy geladen -->
|
||||
|
||||
|
|
@ -631,7 +631,7 @@
|
|||
|
||||
|
||||
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
|
||||
<script src="/js/boot.js?v=1207"></script>
|
||||
<script src="/js/boot.js?v=1208"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
Router, State-Management, Navigation, Initialisierung.
|
||||
============================================================ */
|
||||
|
||||
const APP_VER = '1207'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VER = '1208'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
|
||||
window.APP_VER = APP_VER; // global verfügbar für andere Module (z.B. offline-indicator)
|
||||
window.APP_VERSION = APP_VERSION;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,11 @@
|
|||
'use strict';
|
||||
|
||||
var TILES_FILE = 'dach.pmtiles';
|
||||
function tilesUrl() { return window.location.origin + '/tiles/' + TILES_FILE; }
|
||||
// Cache-Bust: gleiche Datei-URL, aber Inhalt ändert sich bei jedem Tile-Deploy (atomarer Swap).
|
||||
// Ohne Versions-Param liefert der Browser bis zu 24h die ALTEN PMTiles-Bytes (inkl. altem Directory)
|
||||
// → man sähe die alte Abdeckung. Bei jedem `make tiles-deploy` HOCHZÄHLEN (Makefile sed't das).
|
||||
var TILES_VER = '20260605';
|
||||
function tilesUrl() { return window.location.origin + '/tiles/' + TILES_FILE + '?v=' + TILES_VER; }
|
||||
|
||||
var THEMES = {
|
||||
light: {
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<script src="/js/landing-init.js?v=1207"></script>
|
||||
<script src="/js/landing-init.js?v=1208"></script>
|
||||
<title>Ban Yaro — Die Hunde-App für Deutschland, Österreich & Schweiz</title>
|
||||
<meta name="description" content="Ban Yaro: Die kostenlose All-in-One Hunde-App für DACH. Tagebuch, Giftköder-Alarm, Training mit KI, Forum, Wurfbörse, Stammbaum, Inzucht-Check — DSGVO-konform, offline-fähig, ohne App Store.">
|
||||
<meta name="keywords" content="Hunde App, Hunde Community, Wurfbörse, Züchter, Welpen kaufen, Stammbaum Hund, Inzuchtkoeffizient, Hundezucht, Impfpass Hund, Giftköder Alarm, Gassi Community, Hundetraining App, Hunde Forum, Hunde KI, Hundefilm Datenbank, Welpen Marktplatz">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
============================================================ */
|
||||
|
||||
// ← EINZIGE Stelle für die Version — STATIC_ASSETS und CACHE_VERSION leiten sich ab
|
||||
const VER = '1207';
|
||||
const VER = '1208';
|
||||
const CACHE_VERSION = `by-v${VER}`;
|
||||
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
||||
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue