Inicializar un proyecto de aplicación codificada

Inicialice un proyecto de aplicación codificada dentro de una solución de Studio Web, cree la aplicación en su propio proyecto local y envíela a Studio Web con UiPath CLI.

Debido a que el código fuente de la aplicación codificada se crea en tu IDE local, trabajar en un proyecto de aplicación codificada en Studio Web sigue dos pasos distintos: inicializar el proyecto dentro de una solución en Studio Web y luego crear y enviar su código fuente desde tu propio proyecto local.

Inicializar un proyecto de aplicación codificada en Studio Web

Inicializa el proyecto de la misma manera que creas cualquier otro proyecto de Studio Web:

1. Ve a la página Espacio de trabajo en la nube o Espacio de trabajo local en Studio Web.

2. En la parte superior derecha de la página, selecciona Crear nuevo.

3. En el cuadro de diálogo Iniciar creación , en Bloques de creación, selecciona Aplicación.

   

4. En la pantalla Nueva aplicación , en Crear desde cero, selecciona Aplicación codificada.

   

Studio Web crea el proyecto con un nombre predeterminado (App, App 1, App 2, etc.). Puedes cambiarle el nombre a algo más significativo o dejar el predeterminado en su lugar.

En este punto, el proyecto de aplicación codificada contiene un único archivo, webAppManifest.json, que describe el tipo y la configuración del proyecto. Aún no hay código fuente, plantilla o andamio de marco: los traes de tu propio proyecto local.

Revisar el proyecto en Studio Web

Una vez inicializado, Studio Web muestra el proyecto de aplicación codificada en la lista de proyectos de la solución. Al abrirlo, se muestra la página de configuración con enlaces a la documentación del SDK y los comandos CLI necesarios para sincronizar el código de tu IDE:

En esta pantalla, puedes acceder a:

• Descripción general del proyecto : nombre, versión actual y la solución a la que pertenece.
• Origen : después de insertar el código, Studio Web muestra el último origen enviado aquí en modo de solo lectura. Studio Web no proporciona un editor de código en el navegador; utiliza tu IDE local para todas las ediciones.
• Recursos : después de insertar el código que incluye un archivo bindings_v2.json , Studio Web muestra los recursos registrados aquí y te permite asignar cada recurso declarado a una entidad de Orchestrator. Consulta Vinculaciones y recursos de runtime.

Crear la aplicación localmente

Para desarrollar el código fuente de la aplicación:

1. Crea un proyecto local en tu IDE utilizando el marco de tu elección (React, Vue, Angular o cualquier marco que produzca activos de navegador estáticos).
2. Crea la aplicación con la cadena de herramientas de tu marco (por ejemplo, npm run build), que produce los artefactos implementables que tu aplicación servirá en runtime.

Si la aplicación llama a los recursos de UiPath en runtime, añade un archivo bindings_v2.json junto a los artefactos creados para declarar cada recurso. Consulta Vinculaciones y recursos de runtime.

Consejo:

Si utilizas un agente de codificación de UiPath, invoca la habilidad uipath-coded-apps: andamia el proyecto, genera bindings_v2.json y lo mantiene sincronizado con los recursos a los que hace referencia tu código.

Enviar la aplicación a Studio Web

Cuando tu compilación local esté lista, introdúcela en el proyecto de Studio Web con la UiPath CLI:

uip codedapp push --project-id <project-id>

El comando carga el directorio de salida de la compilación (el valor predeterminado es dist) en Studio Web. Anula el directorio con --build-dir <dir> si tu marco se crea en otro lugar.

Si aún no has inicializado un proyecto, push solicita de forma interactiva que se cree uno para ti y guarda el UIPATH_PROJECT_ID resultante en .env para inserciones posteriores.

Al enviar, Studio Web:

• Almacena los archivos enviados y los muestra en la vista Origen del proyecto (solo lectura).
• bindings_v2.json, si está presente en la raíz del contenido enviado, y registra cada recurso declarado en el panel Recursos del proyecto.

Para obtener la referencia completa de CLI y los comandos de ida y vuelta, consulta Trabajar en tu IDE.