Initialiser un projet d’application codée

Initialisez un projet d'application codée dans une solution Studio Web, créez l'application dans votre propre projet local et envoyez-la dans Studio Web avec la UiPath CLI.

Étant donné que le code source de l'application codée est créé dans votre IDE local, travailler sur un projet d'application codée dans Studio Web suit deux étapes distinctes: initialiser le projet dans une solution dans Studio Web, puis créer et transmettre son code source à partir de votre propre projet local.

Initialiser un projet d’application codée dans Studio Web

Initialisez le projet de la même manière que vous créez n'importe quel autre projet Studio Web:

1. Accédez à la page Espace de travail Cloud ou Espace de travail local dans Studio Web.

2. En haut à droite de la page, sélectionnez Créer nouveau.

3. Dans la boîte de dialogue Commencer à créer , sous Blocs de construction, sélectionnez Application.

   

4. Sur l'écran Nouvelle application , sous Créer à partir de zéro, sélectionnez Application codée.

   

Studio Web crée le projet avec un nom par défaut (App, App 1, App 2, etc.). Vous pouvez le renommer plus significatif ou laisser la valeur par défaut en place.

À ce stade, le projet d’application codée contient un fichier unique, webAppManifest.json, qui décrit le type et la configuration du projet. Il n’existe pas encore de code source, de modèle ou d’élaboration d’infrastructure. Vous pouvez les apporter à partir de votre propre projet local.

Révision du projet dans Studio Web

Une fois initialisé, Studio Web affiche le projet d'application codée dans la liste de projets de la solution. Son ouverture affiche la page de configuration avec des liens vers la documentation SDK et les commandes CLI nécessaires pour synchroniser le code de votre IDE:

Dans cet écran, vous pouvez accéder:

• Vue d'ensemble du projet — Nom, version actuelle et solution à laquelle il appartient.
• Source : après avoir transmis le code, Studio Web affiche la dernière source transmise ici en mode lecture seule. Studio Web ne fournit pas d’éditeur de code intégré au navigateur. utiliser votre IDE local pour toutes les modifications.
• Ressources : après avoir transmis le code qui inclut un fichier bindings_v2.json , Studio Web affiche les ressources enregistrées ici et vous permet de mapper chaque ressource déclarée à une entité Orchestrator. Voir Liaisons et ressources de runtime.

Créer l'application localement

Afin de développer le code source de l’application:

1. Créez un projet local dans votre IDE à l’aide du framework de votre choix (React, Vue, Angular ou tout framework qui produit des ressources de navigateur statiques).
2. Créez l'application avec la chaîne d'outils de votre infrastructure (par exemple, npm run build), qui produit les artefacts déployables que votre application servira au moment de l'exécution.

Si l'application appelle des ressources UiPath au moment du runtime, ajoutez un fichier bindings_v2.json à côté des artefacts construits pour déclarer chaque ressource. Voir Liaisons et ressources de runtime.

Astuce :

Si vous utilisez un agent de codage UiPath, invoquez la compétence uipath-coded-apps - elle élabore le projet, génère bindings_v2.json et le maintient synchronisé avec les ressources références de votre code.

Transmettre l'application vers Studio Web

Lorsque votre build local est prêt, envoyez-le dans le projet Studio Web avec la UiPath CLI:

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

La commande charge le répertoire de sortie du build (par défaut dist) vers Studio Web. Remplacez le répertoire par --build-dir <dir> si votre infrastructure se construit ailleurs.

Si vous n’avez pas encore initialisé de projet, push vous invite de manière interactive à en créer un et enregistre le UIPATH_PROJECT_ID résultant dans .env pour les Push suivants.

En cas de « push », de Studio Web:

• Stocke les fichiers transmis et les affiche dans la vue Source du projet (lecture seule).
• Lit bindings_v2.json, le cas échéant à la racine du contenu transmis, et enregistre chaque ressource déclarée dans le panneau Ressources du projet.

Pour obtenir la référence CLI complète et les commandes d’aller-retour, consultez la section Travailler dans votre IDE.