Liste de vérification PWA en production · Documentation

Starter ProListe de contrôle PWA

Valider avant la publicationLien vers la section

Utilisez cette liste de contrôle avant d'expédier la couche PWA dans Starter Pro.

L’objectif est de valider :

qualité manifeste
qualité d'icône
Qualité de capture d'écran
Service Worker Comportement
routage de secours hors ligne
mode autonome
UX mobile
Comportement HTTPS de production

Expédiez la couche PWA en toute confiance.

Validez l'installabilité, les captures d'écran, le comportement de secours hors ligne et les limites de production sécurisées avant le lancement.

Guide de configuration

Paiement unique — Accès instantané après achat

Principe de publication

Un PWA n'est pas prêt pour la production car un manifeste existe. Il est prêt pour la production lorsque l'installabilité, le repli hors ligne, l'UX mobile et les limites de sécurité ont été validés.

Liste de contrôleLien vers la section

Manifeste

Confirmez que le manifeste est détecté, que les métadonnées de l'application sont correctes et que les surfaces d'installation rendent les actifs professionnels.

Travailleur des services

Confirmez que le service worker s'enregistre, s'active et ne casse jamais l'application principale lorsqu'elle n'est pas disponible.

Fallback hors ligne

Confirmez que l'route `/offline` s'affiche correctement lorsque la navigation échoue car l'appareil est hors ligne.

Portes de dégagementLien vers la section

Requis

Validation technique

Ces vérifications confirment que la couche PWA est installée, accessible et sûre à expédier.

manifeste visible dans Chrome DevTools
service actif
`/offline` route disponible
Les icônes chargent correctement
screenshots charger correctement
HTTPS activé en production

Requis

Validation du produit

Ces vérifications valident que la couche PWA améliore la perception de l'utilisateur au lieu de se sentir inachevée.

tableau de bord capture d'écran semble premium
capture d'écran mobile représente l'utilisation de l'application
page hors ligne correspond au système de conception PyColors
Le mode autonome reste navigable
les mises en page mobiles restent utilisables

Liste de contrôle manifesteLien vers la section

Valider dans Chrome DevTools :

chrome-devtools.txt

Application
→ Manifest

Confirmer:

Le nom de l'application est correct
Le nom court est correct
display est standalone
La couleur du thème est visible
La couleur de fond est visible
Les icônes sont détectées
Les captures d'écran sont détectées
Aucun avertissement d'installation n'apparaît

Liste de contrôle des actifsLien vers la section

Actif	Résultat attendu
`icon-192.png`	192x192
`icon-512.png`	512x512
`maskable-icon-512.png`	512x512 avec rembourrage sûr
`apple-icon.png`	180x180
`dashboard-desktop.png`	1280x720
`dashboard-mobile.png`	390x844

Règle de capture

Utilisez de vraies captures d’écran de tableau de bord ou d’espace de travail. Évitez d'utiliser uniquement les écrans de connexion car ils ne communiquent pas la valeur SaaS complète.

Liste de contrôle hors ligneLien vers la section

Valider le comportement hors ligne :

chrome-devtools.txt

Application
→ Service Workers
→ Offline

Rechargez ensuite l'app.

Résultat attendu :

/offline renders
page garde le style PyColors
app ne plante pas
L'action reload est présente
aucune donnée périmée sensible n'est affichée

Liste de contrôle mobileLien vers la section

Valider sur des appareils réels lorsque cela est possible :

iPhone Safari
Chrome Android
mode autonome installé
tableau de bord
Page de facturation mobile
Page des paramètres mobiles
Page hors ligne mobile

Préférez/évitezLien vers la section

Validate

construction de production testée avec pnpm build && pnpm start
de vraies captures d'écran dans public/pwa
Service Worker activé dans DevTools
Fallback offline confirmé
Comportement d'installation iOS et Android vérifié

Do not ship with

Tester uniquement en mode développement
captures d'écran de placeholder
images manifestes surdimensionnées
Hypothèses de facturation hors ligne ou auth
Comportement du cache du service worker peu clair

Questions courantesLien vers la section

Aperçu de PWAComprendre la couche de produit compatible PWA dans Starter Pro.Configuration PWAConfigurez le manifeste, les icônes, l'enregistrement du service worker et le routage hors ligne.DéploiementDéployez Starter Pro avec HTTPS, domaines de production et infrastructure de production.Liste de contrôle de productionValider l'authentification, la facturation, le backend, la livraison, l'environnement et la préparation au déploiement.