---
sourceDocument: Configuration et navigation mobiles Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - fr-FR

ft:publication_title :

    - Configuration et navigation mobiles Yokohama

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - evelopment, Data and Analytics


---

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

# Créer une page de cadre de travail Now Experience dans Générateur d'IU {#ariaid-title1}

* Rversion finale: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 minutes de lecture

Pour configurer des écrans Web mobiles qui Mobile App Bridge utilisent un playbook sur des appareils mobiles, la première étape consiste à créer une page Now Experience Framework 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](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US) 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](https://servicenow-prod.fluidtopics.net/27VePfjpK9VnJbkde~6hVQ "Configurez les écrans Web mobiles avec Mobile App Bridge pour activer les pages sismiques, les pages Web classiques ou les pages du portail de services hébergées dans des vues Web incorporées. Cette fonctionnalité vous permet d’accéder à la fonctionnalité mobile native sur ServiceNow Mobile les applications.").

## Procédure

1. Accédez à TousCadre de travail Now ExperienceGé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 [Customize the Playbook Experience](https://www.servicenow.com/docs/access?context=playbook-customize-playbook&version=yokohama&pubname=yokohama-build-workflows&ft:locale=en-US).
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 <kbd class="ph userinput">sysid</kbd> 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.
    {#mob-playbk-create-playbk-pg__ol_j2q_bhb_txb}
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](https://www.servicenow.com/docs/access?context=playbook-customize-playbook&version=yokohama&pubname=yokohama-build-workflows&ft:locale=en-US).  
    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](https://servicenow-prod.fluidtopics.net/27VePfjpK9VnJbkde~6hVQ "Configurez les écrans Web mobiles avec Mobile App Bridge pour activer les pages sismiques, les pages Web classiques ou les pages du portail de services hébergées dans des vues Web incorporées. Cette fonctionnalité vous permet d’accéder à la fonctionnalité mobile native sur ServiceNow Mobile les applications.").

