# Utiliser PandaSuite Viewer

> Testez vos projets PandaSuite sur de vrais appareils iOS et Android avec PandaSuite Viewer. Apprenez à ouvrir un projet, changer de layout, gérer les mises à jour, tester hors ligne et comprendre quand exporter.

https://docs.pandasuite.com/fr/essentials/project-management/test-your-project-with-panda-suite-viewer/

**Testez vos projets sur de vrais appareils avec PandaSuite Viewer, avant d'exporter ou de publier.**

> **Info : Prérequis**
>
> - **PandaSuite Viewer** installé sur votre appareil ([guide d'installation](https://docs.pandasuite.com/fr/getting-started/install-pandasuite-viewer-on-ios-and-android-devices/))
> - Connecté avec le **même compte PandaSuite** que dans Studio
> - Projet **Sauvegardé** dans PandaSuite Studio : le bouton **Sauvegarder** pousse la dernière version vers le cloud

## Ouvrir un projet depuis Studio

Le moyen le plus rapide d’ouvrir le projet sur lequel vous travaillez : dans PandaSuite Studio, cliquez sur la flèche à côté d’**Aperçu** ▶, puis scannez le code du menu **Tester sur votre téléphone** avec l’appareil photo de votre téléphone. Le projet s’ouvre directement dans PandaSuite Viewer, dans la version que vous avez sauvegardée en dernier.

PandaSuite Viewer n’est pas encore installé ? Dans le même menu, cliquez sur **Installer** à côté de **PandaSuite Viewer** : scannez le code qui s’affiche pour installer l’app gratuite, puis scannez le code du projet. Sans l’app, le projet s’ouvre dans le navigateur.

[Image : Menu Test on your phone du Studio : la partie PandaSuite Viewer, avec QR code d'installation, App Store et Google Play, est encadrée]

Consultez [Tester & prévisualiser votre projet](https://docs.pandasuite.com/fr/essentials/project-management/test-and-preview-your-project/#ouvrir-le-projet-depuis-studio) pour les autres manières de tester.

## Ouvrir un projet

Connectez-vous avec l'e-mail et le mot de passe de votre compte PandaSuite.

La liste de tous vos projets actifs apparaît. Touchez l'icône **Recherche (loupe)** pour afficher les options de filtre (**Téléchargés** / **Non téléchargés** / **Mes projets** / **Partagés avec moi**) et lancer une recherche par nom de projet.

[Image : Panneau Recherche de PandaSuite Viewer : tri, filtres Téléchargés, Non téléchargés, Mes projets, Partagés avec moi et champ de recherche]

Touchez l'icône nuage pour télécharger un projet. Touchez à nouveau pour l'ouvrir une fois téléchargé.

[Vidéo : un projet s'ouvre dans PandaSuite Viewer, puis le menu tiré du bord gauche liste ses écrans et ouvre Dossiers]

[Image : Liste des projets dans PandaSuite Viewer sur un téléphone Android, grisée derrière le panneau de tri et de filtres ouvert]

> **Succès : Disponibilité hors ligne**
>
> Une fois le projet téléchargé, il reste accessible sans connexion internet.
> Idéal pour tester dans des environnements à connectivité limitée, comme un
> salon professionnel ou le métro.

## Naviguer entre les écrans

Lors de la prévisualisation d'un projet, faites glisser votre doigt depuis le **bord gauche** de l'écran vers le centre pour ouvrir le **menu de navigation**. Depuis ce menu, vous pouvez :

- Accéder directement à n'importe quel écran du projet
- Toucher **Mettre à jour** pour recharger la dernière version sauvegardée

> **Attention : Aperçu uniquement**
>
> Ce menu de navigation existe uniquement dans PandaSuite Viewer. Il
> n'apparaîtra **pas** dans votre application exportée ou publiée — c'est un
> outil de test pour naviguer librement entre les écrans lors de vos revues.

## Voir les informations du projet et changer de layout

Effectuez un appui prolongé sur l'icône du projet dans la liste pour afficher ses paramètres. Vous avez accès aux informations suivantes :

- Le **poids** du projet sur cet appareil
- Les informations de **mise en page (layout)** et la possibilité de switcher entre les layouts
- La **date** de la dernière modification

[Image : Paramètres du projet dans PandaSuite Viewer : bouton Supprimer les données, poids sur l'appareil, layout, date de mise à jour, type]

## Supprimer les données locales

Dans le panneau des paramètres (appui prolongé sur l'icône du projet), touchez **Supprimer les données** pour effacer toutes les données stockées localement pour ce projet sur cet appareil. Utile pour réinitialiser l'état de l'application lors des tests et vérifier le comportement au premier lancement.

## Visualiser une mise à jour

Vos mises à jour sont instantanément visualisables dans PandaSuite Viewer.

- **Si le projet est ouvert** au moment où vous sauvegardez dans Studio : un bandeau de notification vert apparaît en haut de l'écran. Touchez-le pour charger la dernière version — ou ouvrez le menu de gauche et touchez **Mettre à jour**.
- **Si le projet est fermé** : un bouton **Mettre à jour** apparaît à côté du projet dans la liste. Touchez-le pour télécharger la dernière version.

[Image : Bandeau vert en haut d'un projet ouvert dans PandaSuite Viewer : « Une mise à jour a été téléchargée. Tap sur relancer ! »]

[Image : Liste des projets dans PandaSuite Viewer : bouton Mettre à jour sur le projet qui a une nouvelle version, coche verte sur les autres]

Si besoin, touchez l'**icône d'actualisation** pour rafraîchir la liste des projets.

## Tester sur plusieurs appareils

PandaSuite Viewer fonctionne sur tous les iPhone, iPad et appareils Android. Pour valider votre projet sur différentes tailles d'écran et plateformes :

1. Installez **PandaSuite Viewer** sur chaque appareil à tester.
2. Connectez-vous avec le **même compte PandaSuite** sur chaque appareil.
3. Téléchargez et ouvrez le projet: chaque appareil reçoit la même version sauvegardée.

Vérifiez les gestes, la lisibilité des textes, l'adaptation des layouts et le comportement hors ligne sur chaque appareil avant de passer en production.

## Du test au déploiement

> **Info : Un outil de test et de validation**
>
> PandaSuite Viewer est votre outil de test et de validation. Quand votre projet
> est prêt, [publiez-le dans une app à votre
> marque](https://docs.pandasuite.com/fr/getting-started/publish-and-export-your-project/) : c'est elle que
> vos utilisateurs finaux installeront.

Votre app à votre marque peut contenir un seul projet, ou plusieurs réunis dans un [hub de contenu](https://docs.pandasuite.com/fr/essentials/content-management/content-hub/). Pour la mettre en ligne, **exportez ou publiez** votre application :

| Cible                   | Action                                                                                        |
| ----------------------- | --------------------------------------------------------------------------------------------- |
| **Web app / PWA**       | Publier depuis le tableau de bord PandaSuite (domaine personnalisé, sans branding PandaSuite) |
| **Application iOS**     | Exporter un fichier IPA, puis distribuer via l'App Store, TestFlight ou Ad Hoc                |
| **Application Android** | Exporter un fichier APK ou AAB, puis distribuer via Google Play ou directement                |
| **Application Windows** | Exporter un fichier `.exe` depuis le tableau de bord                                          |

> **Info : Diffusion en marque blanche**
>
> Dans PandaSuite Viewer, votre projet s'exécute dans un environnement aux
> couleurs de PandaSuite (icône, écran de chargement et interface PandaSuite).
> L'exportation ou la publication de votre application supprime le branding
> PandaSuite et vous donne votre propre icône, écran de chargement et URL.

Pour un usage interne, [PandaSuite Hub](https://docs.pandasuite.com/fr/essentials/mobile-publishing/hub/distribute-your-app-via-private-hub/) ouvre aussi vos projets publiés par un lien privé, sans compte développeur.

Consultez [Publier et exporter votre projet](https://docs.pandasuite.com/fr/getting-started/publish-and-export-your-project/) pour la vue d'ensemble complète des options de déploiement.
