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

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 3 minutes de lecture

    • Pour configurer des écrans Web mobiles qui Mobile App Bridge servent à utiliser sur playbook des é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 dans UI Builder avant de pouvoir configurer des écrans Web mobiles qui peuvent tirer parti d’un playbook sur les équipements mobiles. Après avoir configuré la page, vous devez configurer un écran Web dans Générateur d'apps mobiles (MAB). Pour plus d’informations sur la configuration des écrans Web mobiles utilisés Mobile App Bridge pour exploiter les fonctionnalités de la plate-forme sur les équipements mobiles, reportez-vous à la section Configurer des é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. Dans la page d’accueil Générateur d'IU , sélectionnez Créer en haut à droite.
    3. Renseignez la boîte de dialogue Créer une expérience et sélectionnez Créer lorsque 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 les rôles qui lui sont attribués 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 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 plutôt Créer à partir de zéro.
      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 voulez, sélectionnez 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 l’application mobile > @servicenow/now-mobile-app-bridge, puis la sélection du bouton Ajouter.

    12. Dans le coin inférieur droit de la boîte de dialogue, sélectionnez Ajouter pour ajouter la ressource de Mobile App Bridge 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 les 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 à 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 de l’écran :

        Interface utilisateur du générateur d’IU 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. Sur la page de l’éditeur de cadre de travail Now Experience, sélectionnez Enregistrer dans le coin supérieur droit pour enregistrer la page.
      Pour plus d’informations 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 Now Experience Framework à la configuration de l’écran Web mobile dans MAB. Pour plus d’informations sur la finalisation de cette configuration, reportez-vous à l’étape 2 de la section Configurer des écrans Web mobiles avec Mobile App Bridge.