Entrada personalizada

UiPath.System.Activities.CustomInput

Carga y muestra un formulario HTML personalizado en una ventana del navegador, lo que le permite recopilar ciertos datos de un usuario humano. Los datos recopilados en el formulario pueden procesarse con las actividades posteriores. El idioma que se puede utilizar dentro del archivo no se limita a HTML, sino que se admite cualquier otro idioma. Para poder recuperar los datos dentro de Studio, el archivo HTML debe contener una función de JavaScript determinada, que se detalla más aquí.

Propiedades

Común

NombreParaMostrar: el nombre de la actividad para ser mostrado.

Entrada

URI: el URI del archivo HTML que quieres cargar. Este campo solo admite cadenas y variables de cadena. En este campo puedes escribir una ruta de archivo o un URL.

Nota: al utilizar una URL, esta debe insertarse en formato completo; por https://activities.uipath.com/docs/custom-input/ejemplo:

Otros

Privado : si se selecciona, los valores de variables y argumentos ya no se registran en el nivel Detallado.

Salida

Resultado: los datos del formulario de entrada personalizado, almacenados en una variable de cadena. Este campo solo admite variables de cadena.

Creación del archivo HTML personalizado

Nota: para que la actividad pueda recuperar los datos que se escriben en el formulario, el script de HTML debe contener la etiqueta window.external.setResult([Result]) donde Result constituye los datos que se deben recuperar.

Tomemos, por ejemplo, un archivo HTML que recupera el nombre, los apellidos y la edad de un usuario humano. El formulario de entrada se parece a este:

El código HTML tras esta página se parece a este:

<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>UiPath KYC Solution</title>
  </head>
  <body>
      
          First Name:<br>
          <input type="text" id="First_Name"><br>
          Last Name:<br>
          <input type="text" id="Last_Name"><br>
          Age:<br>
          <input type="text" id="Age"><br>
          <button onclick="SubmitValues()">Submit</button>
    
  </body>
  </html><!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>UiPath KYC Solution</title>
  </head>
  <body>
      
          First Name:<br>
          <input type="text" id="First_Name"><br>
          Last Name:<br>
          <input type="text" id="Last_Name"><br>
          Age:<br>
          <input type="text" id="Age"><br>
          <button onclick="SubmitValues()">Submit</button>
    
  </body>
  </html>

Esta página no contiene el código necesario para enviar los datos recopilados al usuario. Después de añadir el código, el archivo debería parecerse a este:

<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>UiPath KYC Solution</title>
  </head>
  <body>
      
          First Name:<br>
          <input type="text" id="First_Name"><br>
          Last Name:<br>
          <input type="text" id="Last_Name"><br>
          Age:<br>
          <input type="text" id="Age"><br>
          <button onclick="SubmitValues()">Submit</button>
          <script type="text/javascript">
          function SubmitValues(){
            var First_Name = document.getElementById("First_Name").value;
            var Last_Name = document.getElementById("Last_Name").value;
            var Age = document.getElementById("Age").value;
            window.external.setResult(First_Name + "," + Last_Name + "," + Age);
            return true;
          }
            
          </script>
  </body>
  </html><!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>UiPath KYC Solution</title>
  </head>
  <body>
      
          First Name:<br>
          <input type="text" id="First_Name"><br>
          Last Name:<br>
          <input type="text" id="Last_Name"><br>
          Age:<br>
          <input type="text" id="Age"><br>
          <button onclick="SubmitValues()">Submit</button>
          <script type="text/javascript">
          function SubmitValues(){
            var First_Name = document.getElementById("First_Name").value;
            var Last_Name = document.getElementById("Last_Name").value;
            var Age = document.getElementById("Age").value;
            window.external.setResult(First_Name + "," + Last_Name + "," + Age);
            return true;
          }
            
          </script>
  </body>
  </html>

Ejemplo de uso de la actividad Entrada personalizada

Para poner un ejemplo de cómo usar esta actividad, hemos creado un proyecto de automatización simple que recoge el nombre, los apellidos y la edad de un usuario humano y luego los muestra en un cuadro de mensaje. Puedes descargar el proyecto y la página de ejemplo HTML correspondiente aquí.

En esta página