Actividades
Más reciente
False
Entrada personalizada: otra más reciente
Imagen de fondo del banner
Logotipo
Actividades del flujo de trabajo
Última actualización 23 de feb. de 2024

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í.
Icono de soporte y servicios
Obtén la ayuda que necesitas
Icono de UiPath Academy
RPA para el aprendizaje - Cursos de automatización
Icono de UiPath Forum
Foro de la comunidad UiPath
Logotipo blanco de UiPath
Confianza y seguridad
© 2005-2024 UiPath. All rights reserved.