activities
latest
false
Importante :
Este contenido se ha localizado parcialmente a partir de un sistema de traducción automática. La localización de contenidos recién publicados puede tardar entre una y dos semanas en estar disponible.
UiPath logo, featuring letters U and I in white

Actividades del flujo de trabajo

Última actualización 20 de dic. 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í.

¿Te ha resultado útil esta página?

Obtén la ayuda que necesitas
RPA para el aprendizaje - Cursos de automatización
Foro de la comunidad UiPath
Uipath Logo White
Confianza y seguridad
© 2005-2024 UiPath. Todos los derechos reservados.