# Publier votre application au format Web > Obtenez l’URL de votre web app en quelques minutes, activez les options PWA et personnalisez chaque détail – du domaine personnalisé au SEO. https://docs.pandasuite.com/fr/essentials/web-publishing/publish-to-the-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**, **Full** ou **Ultra**) | Sans formule active, l'application web ne peut pas être activée. | [Comparer les formules](https://docs.pandasuite.com/fr/account/subscription/which-plan-for-your-project/) | | Lier un ou plusieurs projets à l’application | Une application vide ne contient aucun contenu à publier. | [Mettre votre projet en production](https://docs.pandasuite.com/fr/essentials/content-management/move-your-project-to-production/) | ## Générer l’URL de la web app 1. Ouvrez votre [tableau de bord PandaSuite](https://pandasuite.com/dashboard/publish). 2. Sélectionnez l’application concernée. 3. Dans **Plateformes**, sur la carte **Web**, cliquez sur **Activer** à côté d'**Application Web**. 4. Patientez quelques secondes : une URL du type\ `https://app.pandasuite.com/AbCdEfGh` est générée. [Image : Section Platforms d'une app dans le dashboard : sur la carte Web, l'URL générée et le lien Configure web settings sont encadrés] > **Succès : 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 : 1. **L’icône** au centre de l’écran 2. **Le loader** qui indique la progression du chargement 3. **La couleur de fond** [Image : Écran de chargement d'une web app et ses trois éléments personnalisables : 1 l'icône, 2 le loader, 3 la couleur de fond] Pour remplacer l'icône, ajoutez un logo à votre application. Vous pouvez également le faire depuis : - Cliquez sur **Paramètres** sur la page de votre app, puis ouvrez l'onglet **Affichage**. - Téléversez votre **Icône** (1024 × 1024 px recommandé). - Dans **Apparence**, personnalisez la **Couleur principale** (fond) et/ou la **Couleur secondaire** (loader). [Image : Onglet Display des paramètres de l'app : l'Icon est encadrée, ainsi que les Primary color et Secondary color de la section Appearance] ## Configurer les paramètres web Tous les réglages se trouvent dans **Paramètres** ▸ **Web**. - **[Service workers](https://docs.pandasuite.com/fr/essentials/web-publishing/activate-the-service-workers/)** : transforme votre web app en **[Progressive Web App](https://pandasuite.com/fr/blog/progressive-web-app/)** avec fonctionnement hors ligne, ajout à l’écran d’accueil. > **Attention : Compatibilité des PWAs** > > Les service workers ne sont pas supportés par tous les navigateurs (ex. : > Internet Explorer). Consultez la [table de > compatibilité](https://docs.pandasuite.com/fr/essentials/web-publishing/activate-the-service-workers/#compatibilité-des-navigateurs) > avant de l’activer. - **Téléchargement intégral** : attend le chargement de toutes les ressources avant d'ouvrir l'app. - **En-têtes de sécurité / CSP** : ajoute Content-Security-Policy, X-Frame-Options… - **Habillage de l'appareil** : encadre l’interface dans un smartphone/tablette fictif. - **Afficher le logo PandaSuite** : affiche ou masque le logo PandaSuite. - **[SEO](https://docs.pandasuite.com/fr/essentials/web-publishing/seo/)** (titre, description, image) : optimise l’indexation par les moteurs de recherche. - **Consentement aux cookies** : affiche une bannière RGPD prête à l’emploi. - **Code custom (`` / ``)** : 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 : 1. Dans **Paramètres** ▸ **Hébergement**, rendez-vous dans **Domaine personnalisé**. 2. Chez votre hébergeur DNS, créez l’entrée **CNAME → custom.pandasuite.com** pour votre domaine ou sous-domaine (`app.votre-domaine.com`), puis attendez sa propagation. 3. Saisissez le domaine ou sous-domaine, puis cliquez sur **Valider le domaine**. PandaSuite vérifie d’abord l’enregistrement CNAME : s’il n’est pas encore visible, patientez puis réessayez. 4. 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](https://docs.pandasuite.com/fr/essentials/web-publishing/custom-domain/) ## Contrôler l'accès avec le statut de l'hébergement Par défaut, la web app est ouverte à toute personne qui dispose de son lien. Pour changer cela, rendez-vous dans **Paramètres** ▸ **Hébergement**. Dans **Statut**, cliquez sur le bouton qui affiche le statut actuel, puis choisissez-en un autre : - **Activé** : accès libre pour toutes les personnes disposant des liens. - **Désactivé** : l'accès est bloqué et vos liens ne fonctionnent plus. Confirmez dans la fenêtre **Désactiver l'hébergement**. - **Redirection** : les visiteurs sont envoyés vers une autre adresse. Saisissez-la dans **Url**, puis cliquez sur **Enregistrer**. - **Protégé** : l'accès est réservé à des liens d'accès dédiés. Quand vous passez d'**Activé** à **Protégé**, confirmez dans la fenêtre **Protéger l'hébergement**. Cliquez ensuite sur **Créer des liens**, dans l'encadré **Accès protégé**, pour [créer les liens qui donnent accès à la web app](https://docs.pandasuite.com/fr/essentials/web-publishing/links/). [Image : Section Status de l'onglet Hosting : le bouton du statut Enabled est encadré, au-dessus de la légende des statuts et de l'encadré Protected access] Le statut s'applique à tous vos liens d'hébergement : l'URL de la web app et les liens de téléchargement de vos fichiers natifs. ## Épingler la version du viewer web Le viewer web est le moteur qui fait fonctionner votre web app, et PandaSuite le met à jour régulièrement. Pour garder votre app sur une version donnée, par exemple pendant que vous testez une mise à jour : 1. Sur la page de votre app, dans **Services**, cliquez sur **Sécurité**. 2. Dans **Épingler la version du viewer web**, activez l'interrupteur. 3. Dans **Version**, choisissez la version. 4. Cliquez sur **Enregistrer les modifications**. [Image : Section Pin Web Viewer Version : l'interrupteur, activé, et la liste Version sont encadrés] Pour suivre à nouveau les mises à jour, désactivez l'interrupteur et cliquez sur **Enregistrer les modifications**. ## Alternative : exporter un package web Si vous préférez héberger vous-même l’application ou l’intégrer dans un environnement spécifique : 1. Dans **Plateformes**, sur la carte **Web**, cliquez sur **Exporter ZIP**. Si un package a déjà été exporté, ouvrez ses options (**⋮**) et cliquez sur **Générer nouveau...** 2. Choisissez le **Projet**, le **Type** et le **Format du package**. 3. Un e-mail vous avertit dès que l’archive est prête au téléchargement. Choisissez **ZIP standard** pour l’auto-hébergement, **Package SCORM** pour la diffusion vers un LMS compatible SCORM, ou **Package CMI5** pour la diffusion vers un LMS compatible CMI5. Guide détaillé : [Exporter un package web](https://docs.pandasuite.com/fr/essentials/web-publishing/export-a-zip-file/)