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 DOM (Document Object Model) 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).

Procédure

1. Dans le volet Boîte à outils, accédez à Actions (interface utilisateur) > Java Script.
2. Faites glisser le composant Script Java vers la surface de conception.
3. Dans le composant Java Script, cliquez sur l’icône d’appareil photo (icône
   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 (
5. Faites glisser la souris sur la partie de l’application dans laquelle le composant effectuera une action et relâchez 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 ( ) sur l’image capturée et placez-la à l’emplacement où le composant effectuera une action.
7. Facultatif : Ajoutez un point d’ancrage à l’image capturée en procédant comme suit :
   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, elle est facultative. 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 Ancrefichier .
   1. Dans le composant Java Script, cliquez avec le bouton droit sur l’image, puis cliquez sur Ajouter une ancre.
   2. Pour identifier la partie de l’image du composant Java Script, faites glisser et placez l’ancrage à 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 des composants Java Script, cliquez sur l’icône des paramètres du composant (
9. Dans la fenêtre JAVA SCRIPT EDITOR, ajoutez le script 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 ( ).
    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 RETURN TYPE.
11. Pour fermer la fenêtre JAVA SCRIPT EDITOR, cliquez sur OK.
12. Facultatif : Pour configurer les entrées, reportez-vous à la section Configurer les propriétés du port.
    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 de la sortie dans le champ de 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 de port	Type de données	Objectif de la connexion	Obligatoire?
    Données sortantes	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.