Tester votre interface de portail pour Applications managées Azure

Après la création du fichier createUiDefinition.json pour votre application managée, vous devez tester l’expérience utilisateur. Pour simplifier le test, utilisez un environnement de bac à sable qui charge votre fichier dans le portail. Vous n’avez pas besoin de déployer votre application managée. Le bac à sable présente votre interface utilisateur dans l’expérience portail actuelle et en plein écran. Le bac à sable constitue la méthode recommandée pour afficher un aperçu de l’interface.

Prérequis

  • Un fichier createUiDefinition.json. Si vous n’avez pas ce fichier, copiez l’exemple de fichier.

  • Un abonnement Azure. Si vous ne disposez pas d’abonnement Azure, créez un compte gratuit avant de commencer.

Utiliser le bac à sable

  1. Ouvrez Créer un bac à sable (sandbox) de définition d’interface utilisateur.

    Afficher le bac à sable

  2. Remplacez la définition vide par le contenu de votre fichier createUiDefinition.json. Sélectionnez Aperçu.

    Sélectionnez Aperçu

  3. Le formulaire que vous avez créé s’affiche. Vous pouvez parcourir l’expérience utilisateur et renseigner les valeurs.

    Afficher le formulaire

Dépannage

Si votre formulaire ne s’affiche après la sélection de l’option Aperçu, cela signifie peut-être que vous avez fait une erreur de syntaxe. Recherchez l’indicateur rouge dans la barre de défilement sur la droite et accédez à ce dernier.

Afficher une erreur de syntaxe

Si votre formulaire ne s’affiche pas, et si à la place vous voyez une icône représentant un nuage avec une larme, cela signifie que votre formulaire comporte une erreur, comme une propriété manquante. Ouvrez Web Developer Tools dans votre navigateur. La Console affiche des messages importants sur votre interface.

Afficher l’erreur

Tester vos fichiers de solution

Maintenant que vous avez vérifié que votre interface de portail fonctionne comme prévu, il est temps de vérifier que votre fichier createUiDefinition est correctement intégré à votre fichier mainTemplate.json. Vous pouvez exécuter un script de validation test pour tester le contenu de vos fichiers de solution, y compris le fichier createUiDefinition. Le script valide la syntaxe JSON, vérifie les expressions d’expression régulière sur les champs de texte et permet de s’assurer que les valeurs de sortie de l’interface du portail correspondent aux paramètres de votre modèle. Pour plus d’informations sur l’exécution de ce script, consultez Run static validation checks for templates (Effectuer les vérifications de validation statiques des modèles).

Étapes suivantes

Après avoir validé votre interface du portail, découvrez comment rendre disponible votre application gérée Azure dans la Place de marché.