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

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 Now Experience Framework dans UI Builder avant de pouvoir configurer des écrans Web mobiles qui peuvent utiliser un playbook sur les appareils 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 qui permettent Mobile App Bridge d’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 Tous > Cadre de travail Now Experience > Générateur d'IU.
2. Sur la page d’accueil Générateur d'IU , sélectionnez Create (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é.

   

   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 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'IU la section Customizing 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 Looks good (Cela vous convient).
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 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.

    

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 la fonctionnalité native sur les écrans mobiles.
    Par exemple, si vous souhaitez déclencher un événement 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.

       

    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.

       

    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 de saisir le sysid d’un écran mobile valide dans le champ ID d’é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 Customizing the Playbook Experience.

    Remarque :

    La méthode getTitle() de l’API GlideListProperties n’est pas disponible dans Mobile App BridgeNext Experience les pages (sismiques).

Que faire ensuite

Après avoir créé la page Now Experience Framework (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 de détails sur la finalisation de cette configuration, reportez-vous à l’étape 2 dans Configurer des écrans Web mobiles avec Mobile App Bridge.