Créer une page Cadre de travail de l’expérience Now dans Générateur d'IU

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 3 minutes de lecture

    • Pour configurer des écrans Web mobiles qui Mobile App Bridge utilisent l’utilisation d’un playbook sur les équipements mobiles, la première étape consiste à créer une page Cadre de travail Now Experience dans Générateur d'IU.

    Avant de commencer

    Rôle requis : admin

    Pourquoi et quand exécuter cette tâche

    Vous devez créer une page Cadre de travail de l’expérience UI Builder Now avant de pouvoir configurer des écrans Web mobiles qui peuvent tirer parti d’un playbook écran sur les équipements mobiles. Après avoir configuré la page, vous devez configurer un écran Web dans Générateur d'application mobile (MAB). Pour en savoir plus sur la configuration des écrans Web mobiles qui permettent d’exploiter Mobile App Bridge les fonctionnalités de la plateforme sur les équipements mobiles, reportez-vous à la section Configurer les écrans Web mobiles avec Mobile App Bridge.

    Procédure

    1. Accédez à la Tout > Cadre de travail Now Experience > Générateur d'IU.
    2. Sur la page d’accueil Générateur d'IU , sélectionnez Créer en haut à droite.
    3. Entrez dans la boîte de dialogue Créer une expérience et sélectionnez Créer une fois que vous avez terminé.

      Boîte de dialogue du générateur d’IU dans laquelle vous pouvez nommer votre page Cadre de travail Now Experience, spécifier des rôles et spécifier l’interface utilisateur de l’interpréteur de commandes d’application.

      Remarque :
      Sélectionnez l’interpréteur de commandes de l’expérience de base UXR dans la liste déroulante de l’interface utilisateur de l’interpréteur de commandes d’application.
    4. Sélectionnez Ouvrir l’expérience , puis Créer une nouvelle page.
    5. Sélectionnez Créer à partir de zéro à la place.
      Pour plus d’informations sur l’utilisation de modèles ou la création d’une page à partir de zéro dans , reportez-vous à Générateur d'IUla section Customize the Playbook Experience.
    6. Nommez la page et sélectionnez Continuer.
    7. Examinez les paramètres d’URL et, s’ils correspondent à ce que vous souhaitez, sélectionnez Cela me semble bien.
    8. Configurez le nom et l’audience de la variante de page ou acceptez la valeur par défaut, ajoutez des conditions si nécessaire, puis sélectionnez Créer.
    9. Dans la page, sélectionnez Ouvrir dans l’éditeur dans le coin supérieur droit.
    10. Sélectionnez l’icône de données sur le côté gauche de la page pour lancer la boîte de dialogue Ressources de données, puis sélectionnez +Ajouter.
    11. Dans la boîte de dialogue Rechercher des ressources de données dans la colonne Applications , sélectionnez @servicenow/now-mobile-app-bridge, puis dans la colonne Ressources de données , sélectionnez Application mobile.

      Boîte de dialogue « Rechercher des ressources de données » affichant la sélection de @servicenow/now-mobile-app-bridge > l’application mobile, puis le bouton Ajouter.

    12. Dans le coin inférieur droit de la boîte de dialogue, sélectionnez Ajouter pour ajouter la Mobile App Bridge ressource de données à la page.
      Remarque :
      Faites défiler la page vers le bas pour voir le bouton Ajouter s’il n’est pas visible.
    13. Ajoutez des gestionnaires d’événements pour déclencher Mobile App Bridge des API afin d’activer des fonctionnalités natives sur les écrans mobiles.
      Par exemple, si vous souhaitez qu’un événement soit déclenché pour un bouton sur l’appareil mobile :

      1. Sélectionnez Corps sur le côté gauche de la page de l’éditeur, puis sélectionnez Ajouter un composant.

        Interface utilisateur du générateur d’IU montrant comment ajouter un composant.

      2. Sélectionnez l’onglet Composants , puis sélectionnez le type de bouton que vous souhaitez utiliser.

      3. Sélectionnez le composant de bouton que vous venez d’ajouter dans le corps de la page, sélectionnez l’onglet Événements dans la boîte de dialogue de droite, puis sélectionnez Ajouter un gestionnaire d’événements.

        Interface utilisateur du générateur d’IU montrant comment sélectionner l’option « Configurer le composant manuellement ».

      4. Dans la boîte de dialogue Sélectionner le gestionnaire d’événements ci-dessous... , sélectionnez l’un des gestionnaires d’événements sous Application mobile 1, puis configurez-le.

        Remarque :
        Assurez-vous d’entrer le sysid d’un écran mobile valide dans le champ ID d’écran :

        Interface utilisateur du générateur d’IU indiquant où ajouter le sysid de l’écran mobile dans le champ « ID de l’écran ».

      5. Lorsque vous avez terminé de configurer le gestionnaire d’événements, sélectionnez Ajouter dans le coin inférieur droit de la boîte de dialogue.
    14. Dans la page de l’éditeur du cadre de travail Now Experience, sélectionnez Enregistrer dans le coin supérieur droit pour enregistrer la page.
      Pour en savoir plus sur la configuration d’un playbook, reportez-vous à la section Customize the Playbook Experience.
      Remarque :
      La méthode getTitle() de l’API GlideListProperties n’est pas disponible pour Mobile App Bridge configurer Next Experience les pages (Seismic).

    Que faire ensuite

    Une fois que vous avez créé la page Cadre de travail Now Experience, vous devez créer un écran Web mobile dans MAB. Ensuite, vous devez ajouter l’URL de la page Cadre de travail Now Experience à la configuration d’écran Web mobile dans MAB. Pour en savoir plus sur la réalisation de cette configuration, reportez-vous à l’étape 2 de la section Configurer les écrans Web mobiles avec Mobile App Bridge.