---
sourceDocument: Xanadu : créer des intégrations avec des applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/integrate-applications

 Release :

    - xanadu

ft:locale :

    - fr-FR

ft:publication_title :

    - Xanadu : créer des intégrations avec des applications

ft:clusterId :

    - crint

bundleId :

    - crint

workflow :

    - Creator


---

# Utiliser le composant Java Script

# Utiliser le composant Java Script {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 1 août 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes de lecture

Insérez un JavaScript dans une page Web à l'aide du composant Java Script de .Studio de conception de bureau de RPA Utilisez le composant pour manipuler le modèle d'objet de document (DOM) du navigateur, lire des balises HTML ou définir des balises HTML.

## Avant de commencer

Rôle requis : aucun

## Pourquoi et quand exécuter cette tâche

Les propriétés du composant JavaScript sont communes à d'autres composants de l'interface utilisateur Actions. Pour configurer ces propriétés, reportez-vous à la section [Propriétés des composants d'actions (interface utilisateur)](https://servicenow-prod.fluidtopics.net/LwnPfi3~S_BSeN2f2fAaOg "Découvrez les propriétés des composants du groupe Actions (UI). Tous les composants du groupe Actions (UI) ont à la fois des propriétés uniques et communes.").

## Procédure

1. Dans la fenêtre Toolbox (Boîte à outils), accédez à Actions (UI)Java Script.
2. Faites glisser le composant Script Java vers l'aire de conception.
3. Dans le composant Java Script, cliquez sur l'icône de l'appareil photo (icône ![Appareil photo).]()  
   Le message \<\< Appuyez sur CTRL+MAJ \>\> pour la sélection s'affiche.
4. Appuyez sur les touches Ctrl + Maj .  
   La souris se transforme en icône de croisement (![icône de croisement).]()
5. Faites glisser le périphérique de la souris sur la partie de l'application où le composant effectuera une action et relâchez le périphérique de la souris.  
   La zone sélectionnée est capturée sous forme d'image dans le composant Java Script.
6. Faites glisser l'icône plus verte ( ![icône verte plus.]()) sur l'image capturée et placez-la à l'emplacement où le composant effectuera une action.
7. **Facultatif :** Ajoutez une ancre à l'image capturée en effectuant les actions suivantes :  
   Une ancre est un identificateur unique qui permet au composant Java Script d'identifier l'application dans laquelle le composant effectuera une action. Bien que l'ajout d'un ancrage soit une bonne approche, il est facultatif. Si vous n'ajoutez pas d'ancrage, le composant Java Script traite l'ensemble de l'image capturée comme un point d'ancrage. Pour en savoir plus sur l'ancre, voir comment utiliser le [Ancre](https://servicenow-prod.fluidtopics.net/tC3ZiEr~QZygAICgMtQC1A "Une ancre est un identificateur unique qui est identifié à l’écran. En fonction de l’ancrage, la position des autres actions est calculée et les actions sont effectuées par rapport à l’ancrage.").
   1. Dans le composant Java Script, cliquez avec le bouton droit de la souris sur l'image, puis cliquez sur Ajouter un point d'ancrage.
   2. Pour identifier la partie de l'image pour le composant Java Script, faites glisser et placez l'ancre à l'emplacement unique de l'image.  
      Conseil :  
      Pour modifier les dimensions de l'ancrage, positionnez le périphérique souris le long du bord de l'ancrage jusqu'à ce que le périphérique de souris se transforme en une flèche diagonale à deux côtés ( ![Flèche à deux côtés.]()), puis faites glisser l'ancre.
   {#use-actionsui-javascript__substeps_gxv_lph_qrb}
8. Dans la barre de composants Java Script, cliquez sur l'icône des paramètres du composant (icône ![Paramètres du composant).]()
9. Dans la fenêtre JAVA SCRIPT EDITOR, ajoutez le JavaScript personnalisé sous l'en-tête JAVA SCRIPT.
10. **Facultatif :** Pour ajouter un paramètre, procédez comme suit :
    1. Sous l'en-tête PARAMÈTRES, cliquez sur l'icône Ajouter un paramètre (icône ![Ajouter un paramètre.]()).
    2. Définissez le type de données du paramètre.  
       Un port d'entrée de données est ajouté avec chaque type de données de paramètre de données défini.
    3. Définissez le type de données de sortie sous l'en-tête TYPE DE RETOUR.
    {#use-actionsui-javascript__substeps_mxl_g33_jsb}
11. Pour fermer la fenêtre de l'éditeur de script JAVA, cliquez sur OK.
12. **Facultatif :** Pour configurer les entrées, reportez-vous à la section [Configurer les propriétés des ports](https://servicenow-prod.fluidtopics.net/tcJNdTp_WSjjATOJg4Bxjg "Configurez la façon dont les données sont transmises aux champs d’entrée d’un composant ou d’une méthode dans Studio de conception de bureau de RPA.").  
    Remarque :  
    Les ports d'entrée de données n'apparaissent que si vous définissez des paramètres dans la fenêtre JAVA SCRIPT EDITOR.
13. **Facultatif :** Pour configurer le mode d'affichage des résultats par le champ de sortie, reportez-vous à la section [Configurer les propriétés du port de sortie](https://servicenow-prod.fluidtopics.net/Lw9o_IksbT_tD9pMcZpw4A "Configurez la façon dont les ports de sortie ou les champs des composants ou des méthodes renvoient la sortie dans le Studio de conception de bureau de RPAfichier .").
14. Connectez les ports de données et de contrôle du composant Java Script aux ports correspondants des autres composants, comme décrit dans le tableau suivant.  
    {#use-actionsui-javascript__table_jnw_jn1_krb__entry__5}

    | Type de port | Nom de port | Type de données | Objectif de la connexion | Obligatoire? |
    |-|-|-|-|-|
    | Sortie de données | Retour | Objet | Renvoie la sortie du JavaScript. | Non applicable |
    [ ]

    {#use-actionsui-javascript__table_jnw_jn1_krb}
15. **Facultatif :** Pour tester le composant, cliquez avec le bouton droit sur la barre du composant, puis cliquez sur Exécuter à partir d'ici.