Utiliser le composant Java Script

Insérez un JavaScript dans une page Web à l’aide du composant Java Script dans Studio de conception de bureau de RPA. Utilisez le composant pour manipuler le modèle d’objet de document (DOM) du navigateur, lire les 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 avec d’autres composants de l’interface utilisateur Actions, pour configurer ces propriétés, reportez-vous à la section Propriétés des composants des actions (interface utilisateur).

Procédure

1. Dans le volet Boîte à outils, accédez à Actions (interface utilisateur) > Java Script.
2. Faites glisser le composant Java Script vers l’aire de conception.
3. Dans le composant Java Script, cliquez sur l’icône Appareil photo (icône
   Le message Appuyez sur « CTRL+MAJ » pour la sélection .
4. Appuyez sur les touches Ctrl + Maj .
   La souris se transforme en icône de croisement (icône
5. Faites glisser la souris sur la partie de l’application où le composant effectuera une action et relâchez la souris.
   La zone sélectionnée est capturée en tant qu’image dans le composant Java Script.
6. Faites glisser l’icône plus verte ( ) 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’une ancre soit une bonne approche, il est facultatif. Si vous n’ajoutez pas d’ancre, le composant Java Script traite l’ensemble de l’image capturée comme une ancre. Pour en savoir plus sur l’ancre, voir comment utiliser le Ancre.
   1. Dans le composant Java Script, cliquez avec le bouton droit sur l’image et cliquez sur Ajouter une ancre.
   2. Pour identifier la partie de l’image pour le composant Java Script, faites glisser et placez l’ancre à l’emplacement unique sur l’image.
      Conseil :

      Pour modifier les dimensions de l’ancrage, positionnez la souris le long du bord de l’ancre jusqu’à ce que la souris se transforme en flèche diagonale à deux côtés ( ), puis faites glisser l’ancre.

8. Dans la barre de composant Java Script, cliquez sur l’icône Paramètres du composant ( ).
9. Dans la fenêtre ÉDITEUR JAVA SCRIPT, ajoutez le code 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 ).
    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.
11. Pour fermer la fenêtre ÉDITEUR JAVA SCRIPT, cliquez sur OK.
12. Facultatif : Pour configurer les entrées, reportez-vous à la section Configurer les propriétés des ports.
    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 la façon dont le champ de sortie affichera la sortie, reportez-vous à la section Configurer les propriétés du port de sortie.
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.

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

15. Facultatif : Pour tester le composant, cliquez avec le bouton droit sur la barre du composant, puis cliquez sur Exécuter à partir d’ici.