Publier votre application au format Web
Publier au format web est la façon la plus rapide de rendre votre projet PandaSuite accessible depuis n’importe quel navigateur et n’importe quel appareil.
Pré-requis
| Étape | Pourquoi ? | Ressources |
|---|---|---|
| Avoir une formule de diffusion active (Web, Single, Multi ou Full) | Sans plan actif, le bouton « Mettre en ligne » est grisé. | Comparer les formules |
| Lier un ou plusieurs projets à l’application | Une application vide ne contient aucun contenu à publier. | Mettre votre projet en production |
Générer l’URL de la web app
- Ouvrez votre tableau de bord PandaSuite.
- Sélectionnez l’application concernée.
- Dans la section Web, cliquez sur Activer l’application Web.
- Patientez quelques secondes : une URL du type
https://app.pandasuite.com/AbCdEfGhest générée.
Bonne nouvelle
Cette URL fonctionne immédiatement sur desktop, mobile et tablette, sans installation.
Personnaliser l’écran de chargement
Par défaut, un logo PandaSuite apparaît pendant le chargement.
Vous pouvez personnaliser l’écran de chargement grâce à plusieurs éléments :
- L’icône au centre de l’écran
- Le loader qui indique la progression du chargement
- La couleur de fond
Pour remplacer l’icône, ajoutez un logo à votre application.
Vous pouvez également le faire depuis :
- Onglet Paramètres → Général › Apparence
- Téléversez votre logo (1024 × 1024 px recommandé).
- Personnalisez la couleur de fond et/ou le loader.
Configurer les paramètres web
Tous les réglages se trouvent dans Paramètres ▸ Web.
- Service workers : transforme votre web app en Progressive Web App avec fonctionnement hors ligne, ajout à l’écran d’accueil.
Compatibilité des PWAs
Les service workers ne sont pas supportés par tous les navigateurs (ex. : Internet Explorer). Consultez la table de compatibilité avant de l’activer.
- Téléchargement intégral : télécharge toutes les ressources lors de la première visite.
- En-têtes de sécurité / CSP : ajoute Content-Security-Policy, X-Frame-Options…
- Mock-up device : encadre l’interface dans un smartphone/tablette fictif.
- Masquer le logo PandaSuite : retire toute mention PandaSuite.
- SEO (titre, description, image) : optimise l’indexation par les moteurs de recherche.
- Bannière cookies : affiche une bannière RGPD prête à l’emploi.
- Code custom (
<head>/<body>) : injecte scripts, pixels ou feuilles de style.
Connecter un domaine personnalisé
Un nom de domaine dédié renforce votre identité et rassure vos visiteurs.
Voici comment faire :
- Dans l’onglet Paramètres ▸ Hébergement
- Saisissez votre domaine ou sous-domaine (
app.votre-domaine.com). - Créez l’entrée CNAME → custom.pandasuite.com chez votre hébergeur DNS.
- PandaSuite provisionne automatiquement un certificat HTTPS Let’s Encrypt.
Pour les certificats EV ou wildcard, suivez la section « Certificats personnalisés » de la documentation.
👉 Documentation complète : Personnaliser le nom de domaine
Alternative : exporter un ZIP
Si vous préférez héberger vous-même l’application ou l’intégrer dans un environnement spécifique :
- Dans l’onglet Web, cliquez sur Exporter ZIP.
- Choisissez le layout (si plusieurs) et validez.
- Un e-mail vous avertit dès que l’archive est prête au téléchargement.
Le ZIP contient index.html, le moteur PandaSuite et toutes les ressources.
Guide détaillé : Exporter un fichier ZIP