Mappage des données de l'HTML vers un formulaire

Configurez votre widget à partir d'une application hôte en vue d'alimenter les données dans le formulaire initial de votre Widget iFrame. Cela vous permet de contrôler vos données sans avoir à les saisir de manière répétitive.

Prérequis

Assurez-vous que vous avez effectué les étapes suivantes :

  • Fourni un rôle AAE_Robotic_Interface User créé par le système pour l'Utilisateur Co-Pilot.
  • A accès à l'Automation Co-Pilot pour les utilisateurs professionnels sur l'interface Web.
  • A accès à l'application Web hôte de votre choix qui supporte la technologie iFrame.
  • Vous avez déjà configuré le Widget iFrame. Pour plus d'informations, voir Configurer un widget iFrame dans une application Web.

Procédure

  1. Connectez-vous à l'application Web hôte.
    Il s'agit de votre application cible avec le Widget iFrame.
  2. Accédez à la page des paramètres du widget ou au code source de votre application Web hôte (où vous avez ajouté le code Widget iFrame).
    Cette page contient le code intégré pour la source de votre widget.
  3. Entrez les données de l'hôte et envoyez les données dans le script.
    Important : Pour mapper des données, vous devez charger un processus sur l'application Web hôte avec un ID de processus, un ID d'élément et des valeurs d'ID d'élément liées entre elles.
    Exemple de structure des données de l'hôte :
    hostData =
{
 process ID
    {
       elementID1: value1
       elementID2: value2
       elementID3: value3
   }
} 
sendDataToEmbeddedApp = (processID) =>
{
    iframeElement = document.querySelector();
    iframeElement.contentWindow.postMessage({data: hostData[processID]}, 
        iframeElement.getAttribute());
}
    Remarque : L'ID de l'élément utilise des types de données d'éléments de formulaire, tels que : Case à cocher, Numéro, Case d'option et Zone de texte.
    Exemple supplémentaire de structure :
    Exemple de données de l'hôte au format HTML.
    Exemple de données de l'hôte au format HTML.
    Dans cet exemple : 45 est l'ID de processus, Number0 est l'ID d'élément et 45 est la valeur d'ID de l'élément.
  4. Sauvegardez votre session.
    Vous avez maintenant configuré les données de l'hôte, et mappé les données à vos processus.
  5. Naviguez jusqu’à la page Widget iFrame.
    Le Widget iFrame devrait afficher une liste d'automatisations.
    Exemple d'une liste d'automatisations dans le widget iFrame.
  6. Cliquez sur un processus pour ouvrir un formulaire initial avec des données déjà mappées et remplies.
    Identique à un formulaire initial dans la liste d'automatisations.
    Le formulaire initial montre les données mappées.
  7. Cliquez sur Soumettre pour exécuter vos automatisations.