⬜ Vue Web

Le bloc Vue Web permet d’intégrer et d’afficher une page web complète directement dans l’interface de votre application Celestory, sans rediriger l’utilisateur vers un navigateur externe.

Ce bloc est idéal pour inclure des formulaires externes, des sites vitrines, des documentations en ligne ou des services comme Google Maps, tout en maintenant une expérience utilisateur fluide et immersive.

📥 Entrées

• in (Flux) : Point d’entrée déclenchant l’affichage de la vue web.
• url (Texte localisé) : Adresse URL de la page à afficher (doit commencer par http:// ou https://). Exemple : https://www.celestory.io/.
• showControls (Booléen) : Si Vrai, affiche des contrôles de navigation minimaux (retour, quitter). Si Faux, la page s’affiche en mode "full screen" sans interface supplémentaire.
• fullScreen (Booléen) : Si Vrai, ouvre la page web en plein écran, masquant les éléments d’interface habituels de l’application.
• close (Flux de contrôle) : Permet de forcer la fermeture de la vue web depuis le graphe après son ouverture.

📤 Sorties

• out (Flux) : S’active après le chargement de la page, avant que l’utilisateur ne termine son interaction.
• closed (Flux) : S’active dès que l’utilisateur quitte la vue web (via un bouton de retour ou un événement de fermeture), permettant de reprendre le flux Celestory.

💡 Exemple d'utilisation

Scénario : Afficher une carte interactive pour localiser un lieu

1. L’utilisateur arrive à une étape où il doit trouver un lieu spécifique.
2. Un bloc Dialogue explique : "Consultez la carte ci-dessous pour localiser le point de rendez-vous."
3. Le flux est redirigé vers l’entrée in du bloc Vue Web.
4. L’url est définie sur https://www.google.com/maps?q=Tour+Eiffel,Paris.
5. La carte s’affiche dans l’application, avec les contrôles de navigation si showControls est activé.
6. L’utilisateur consulte la carte et ferme la vue web.
7. La sortie closed est reliée à un bloc Message affichant : "Vous êtes prêt ? Continuons !" pour reprendre le flux.

⚙️ Détails Techniques

• Compatibilité des sites : L’affichage d’une page web externe (via une iframe) dépend des autorisations du site cible. Certains sites sécurisés (banques, services Google) bloquent cette intégration via des en-têtes comme X-Frame-Options.
• Gestion des erreurs : Si l’URL est invalide ou inaccessible, le bloc peut afficher une page d’erreur ou ignorer la requête selon la configuration du client.

Mis à jour le : 04/03/2026