53 lines
1.5 KiB
Markdown
53 lines
1.5 KiB
Markdown
# Configuration PWA - LeDiscord
|
|
|
|
## Installation
|
|
|
|
1. **Installer les dépendances PWA :**
|
|
```bash
|
|
npm install --save-dev vite-plugin-pwa sharp
|
|
```
|
|
|
|
2. **Générer les icônes PWA :**
|
|
```bash
|
|
npm run generate-icons
|
|
```
|
|
|
|
Cette commande génère automatiquement toutes les icônes nécessaires (72x72, 96x96, 128x128, 144x144, 152x152, 192x192, 384x384, 512x512) à partir du logo `public/logo_lediscord.png`.
|
|
|
|
## Fonctionnalités PWA
|
|
|
|
### ✅ Fonctionnalités implémentées
|
|
|
|
- **Service Worker** : Cache automatique des assets statiques
|
|
- **Manifest.json** : Configuration complète de l'application
|
|
- **Icônes** : Support multi-tailles pour tous les appareils
|
|
- **Offline** : Cache des ressources pour fonctionner hors ligne
|
|
- **Installation** : L'application peut être installée sur mobile et desktop
|
|
|
|
### 📱 Cache Strategy
|
|
|
|
- **Assets statiques** : Cache First (JS, CSS, images, vidéos)
|
|
- **API** : Network First avec cache de 5 minutes
|
|
- **Uploads** : Cache First avec expiration de 7 jours
|
|
- **Fonts Google** : Cache First avec expiration de 1 an
|
|
|
|
### 🔧 Configuration
|
|
|
|
La configuration PWA se trouve dans `vite.config.js` dans le plugin `VitePWA`.
|
|
|
|
### 🚀 Build Production
|
|
|
|
Lors du build en production, le service worker sera automatiquement généré :
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
### 📝 Notes
|
|
|
|
- Le service worker est activé en développement (`devOptions.enabled: true`)
|
|
- Les mises à jour sont automatiques (`registerType: 'autoUpdate'`)
|
|
- Les icônes doivent être générées avant le premier build
|
|
|
|
|