Créer une page Cadre de travail Now Experience dans Générateur d'IU

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 3 minutes de lecture
  • Pour configurer les é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 Now Experience avant UI Builder de pouvoir configurer des écrans Web mobiles qui peuvent exploiter un playbook 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 utilisés Mobile App Bridge pour exploiter les fonctionnalités de la plateforme sur les équipements mobiles, reportez-vous à la section Configurer des écrans Web mobiles avec Mobile App Bridge.

    Procédure

    1. Accédez à la Tous > 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. Complétez la boîte de dialogue Créer une expérience et sélectionnez Créer lorsque vous avez terminé.

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

      Remarque :
      Sélectionnez 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 Playbook Experience.
    6. Nommez la page et sélectionnez Continuer.
    7. Passez en revue les paramètres de l’URL et, s’ils correspondent à ce que vous voulez, sélectionnez Semble bon.
    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 ouvrir la boîte de dialogue Ressources de données, puis sélectionnez +Ajouter.
    11. Dans la colonne Rechercher des ressources de données dans la boîte de dialogue 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 en sélectionnant 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 afficher 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 Mobile.
      Par exemple, si vous souhaitez qu’un événement soit déclenché pour un bouton sur l’équipement mobile :
      1. Sélectionnez Corps sur le côté gauche de la page de l’éditeur, puis sélectionnez Ajouter un composant.

        Interface utilisateur UI Builder 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 UI Builder 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 de l’écran :

        Interface utilisateur UI Builder montrant 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 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 Playbook Experience.
      Remarque :
      La méthode getTitle() de l’API GlideListProperties n’est pas disponible dans Mobile App Bridge les pages de configuration Next Experience (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 de l’é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 des écrans Web mobiles avec Mobile App Bridge.