Comment rendre une PWA plus proche d’une vraie app

En supposant que l’app Apple Podcasts soit créée en PWA, explication des technologies web à utiliser pour implémenter chaque fonctionnalité

• Prise en charge hors ligne : App Shell Model

• Contenu hors ligne : Workbox, Cache, IndexedDB, Persistent Storage

• Téléchargement en arrière-plan : Background Fetch API

• Partage et liaison avec d’autres apps : Web Share / Web Share Target / Async Clipboard / Contact Picker / Get Installed Related Apps APIs

• Actualisation en arrière-plan : Periodic Background Sync API

• Synchronisation cloud : Backoung Sync API

• Contrôle des touches multimédia matérielles : Media Session API

• Actions rapides dans le menu contextuel : PWA App Manifest

• Fonctionner comme app par défaut pour un schéma d’URL spécifique : URL Protocol Handling

• Intégration au système de fichiers natif : Native File System API, bibliothèque browser-nativefs

• Look & feel natif : user-select, system-ui, prefers-color-scheme, overscroll-behavior et diverses propriétés CSS

• Barre de titre personnalisée : le navigateur Edge propose actuellement la spécification Title Bar Customization

• Animations : Web Animations API

• Afficher du contenu hors de l’app (widgets, suggestions Siri, etc.) : Content Index API

• Widget de contrôle multimédia sur l’écran verrouillé : Media Session API

• Notifications push : Push API , Notification Triggers API

• Ajouter un badge à l’icône de l’app : Badging API

• Économie d’énergie / empêcher l’entrée en veille : Screen Wake Lock API

• Être visible dans un app store : possible sur Android via le conteneur Trusted Web Activity