diff --git a/deploy/deploy_wasm.ps1 b/deploy/deploy_wasm.ps1 new file mode 100644 index 0000000..49d1fdb --- /dev/null +++ b/deploy/deploy_wasm.ps1 @@ -0,0 +1,66 @@ +# ============================================================================ +# deploy_wasm.ps1 - Build + déploiement de shipheart_wasm vers le CM5 +# ---------------------------------------------------------------------------- +# Automatise : renommage HTML, injection manifest/service-worker, versionnage +# du cache (résout le problème de mise à jour automatique côté client, cf +# synthèse §21.10/21.11), et transfert final vers le CM5. +# +# Prérequis : avoir lancé Build dans Qt Creator (kit WebAssembly) AVANT ce +# script - il ne compile pas, il ne fait que préparer et déployer la sortie +# déjà construite. +# ============================================================================ + +param( + [string]$BuildDir = "O:\Technique\Projets_Qt\koriolan\shipheart_wasm\build\WebAssembly_Qt_6_8_3_Release", + [string]$AssetsDir = "O:\Technique\Projets_Qt\koriolan\shipheart_wasm\deploy", # manifest.json, icônes, sw.js "modèle" (CACHE_NAME sans version) + [string]$CM5Host = "192.168.1.220", + [int]$CM5Port = 2022, + [string]$CM5User = "koriolan", + [string]$CM5Path = "/var/www/shipheart-poc-wasm/" +) + +$ErrorActionPreference = "Stop" + +# --- 1. Renommer le HTML généré par Qt --- +Copy-Item "$BuildDir\shipheart_wasm.html" "$BuildDir\index.html" -Force + +# --- 2. Injecter les blocs manifest / service-worker --- +$html = Get-Content "$BuildDir\index.html" -Raw +$html = $html -replace "", @" + + + + +"@ +$html = $html -replace "", @" + + +"@ +Set-Content "$BuildDir\index.html" $html -NoNewline + +# --- 3. Versionner sw.js (change le CACHE_NAME à chaque déploiement) --- +# Le fichier "modèle" (CACHE_NAME générique) vit dans $AssetsDir, sous +# contrôle de version - on ne le modifie jamais sur place, on écrit la +# version horodatée directement dans le dossier de build. +$version = Get-Date -Format "yyyyMMdd_HHmmss" +$sw = Get-Content "$AssetsDir\sw.js" -Raw +$sw = $sw -replace 'const CACHE_NAME = "[^"]*";', "const CACHE_NAME = ""shipheart-wasm-$version"";" +Set-Content "$BuildDir\sw.js" $sw -NoNewline + +# --- 4. Transfert vers le CM5 --- +Copy-Item "$AssetsDir\manifest.json" "$BuildDir\manifest.json" -Force +Copy-Item "$AssetsDir\icon-192.png" "$BuildDir\icon-192.png" -Force +Copy-Item "$AssetsDir\icon-512.png" "$BuildDir\icon-512.png" -Force + +$fichiers = "index.html","qtloader.js","qtlogo.svg","shipheart_wasm.js","shipheart_wasm.wasm","shipheart_wasm.worker.js","sw.js","manifest.json","icon-192.png","icon-512.png" +foreach ($f in $fichiers) { + scp -P $CM5Port "$BuildDir\$f" "${CM5User}@${CM5Host}:${CM5Path}" +} + +Write-Host "Déploiement terminé - version $version" diff --git a/deploy/icon-192.png b/deploy/icon-192.png new file mode 100644 index 0000000..0baffa4 Binary files /dev/null and b/deploy/icon-192.png differ diff --git a/deploy/icon-512.png b/deploy/icon-512.png new file mode 100644 index 0000000..a502df5 Binary files /dev/null and b/deploy/icon-512.png differ diff --git a/deploy/manifest.json b/deploy/manifest.json new file mode 100644 index 0000000..83f1543 --- /dev/null +++ b/deploy/manifest.json @@ -0,0 +1,22 @@ +{ + "name": "ShipHeart (POC WASM)", + "short_name": "ShipHeart POC", + "description": "POC d'accès à ShipHeart via WebAssembly - jusqu'à home_accueil.qml", + "start_url": "./index.html", + "display": "fullscreen", + "orientation": "landscape", + "background_color": "#0e283a", + "theme_color": "#0e283a", + "icons": [ + { + "src": "icon-192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "icon-512.png", + "sizes": "512x512", + "type": "image/png" + } + ] +} diff --git a/deploy/sw.js b/deploy/sw.js new file mode 100644 index 0000000..d366c8e --- /dev/null +++ b/deploy/sw.js @@ -0,0 +1,68 @@ +// Service worker du client ShipHeart. +// Stratégie "cache d'abord" pour la coquille statique de l'app (mêmes fichiers +// que le domaine de la page elle-même), MAIS jamais pour les appels vers +// l'API (données live, cross-origine) - ceux-ci passent toujours par le +// réseau, sans jamais être mis en cache, sous peine de figer les données +// affichées (rencontré concrètement : rafraîchissement périodique et même +// rechargement de page ne montraient plus jamais de valeurs à jour). + +const CACHE_NAME = "shipheart-wasm-v1"; +const APP_SHELL = [ + "./index.html", + "./qtloader.js", + "./shipheart_wasm.js", + "./shipheart_wasm.worker.js", + "./shipheart_wasm.wasm", + "./manifest.json", + "./icon-192.png", + "./icon-512.png", +]; + +self.addEventListener("install", (event) => { + event.waitUntil( + caches.open(CACHE_NAME).then((cache) => + Promise.allSettled( + APP_SHELL.map((url) => + cache.add(url).catch((err) => console.warn("Échec de mise en cache:", url, err)) + ) + ) + ) + ); + self.skipWaiting(); +}); + +self.addEventListener("activate", (event) => { + event.waitUntil( + caches.keys().then((keys) => + Promise.all( + keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key)) + ) + ) + ); + self.clients.claim(); +}); + +self.addEventListener("fetch", (event) => { + const url = new URL(event.request.url); + + // Appels vers l'API (données live, autre origine) : jamais de cache, + // toujours le réseau. + if (url.origin !== self.location.origin) { + event.respondWith(fetch(event.request)); + return; + } + + // Coquille statique de l'app (même origine) : cache d'abord, comme avant. + event.respondWith( + caches.match(event.request).then((cached) => { + if (cached) return cached; + return fetch(event.request).then((response) => { + if (response && response.ok) { + const responseClone = response.clone(); + caches.open(CACHE_NAME).then((cache) => cache.put(event.request, responseClone)); + } + return response; + }); + }) + ); +});