Initialisieren eines codierten App-Projekts

Initialisieren Sie ein codiertes App-Projekt innerhalb einer Studio Web-Lösung, erstellen Sie die App in Ihrem eigenen lokalen Projekt und übertragen Sie sie mit der UiPath-CLI in Studio Web.

Da der Quellcode für codierte Apps in Ihrer lokalen IDE erstellt wurde, folgt die Arbeit an einem Projekt für eine codierte App in Studio Web zwei unterschiedlichen Schritten: Initialisieren Sie das Projekt innerhalb einer Lösung in Studio Web und erstellen und pushen Sie dann den Quellcode aus Ihrem eigenen lokalen Projekt.

Initialisieren eines codierten App-Projekts in Studio Web

Initialisieren Sie das Projekt auf die gleiche Weise wie jedes andere Studio Web-Projekt:

1. Wechseln Sie zur Seite „Cloud-Arbeitsbereich“ oder „Lokaler Arbeitsbereich“ in Studio Web.

2. Wählen Sie oben rechts auf der Seite Neue erstellen.

3. Wählen Sie im Dialogfeld Erstellen starten unter Bausteine die Option App aus.

   

4. Wählen Sie auf dem Bildschirm Neue App unter Von Grund auf erstellen die Option Codierte App aus.

   

Studio Web erstellt das Projekt mit einem Standardnamen (App, App 1, App 2 usw.). Sie können den Wert in eine aussagekräftigere Umbenennung umbenennen oder den Standardwert beibehalten.

Zu diesem Zeitpunkt enthält das codierte App-Projekt eine einzelne Datei, webAppManifest.json, die den Typ und die Konfiguration des Projekts beschreibt. Es gibt noch keinen Quellcode, keine Vorlage oder kein Framework – Sie bringen diese aus Ihrem eigenen lokalen Projekt.

Überprüfen des Projekts in Studio Web

Nach der Initialisierung zeigt Studio Web das codierte App-Projekt in der Projektliste der Lösung an. Beim Öffnen wird die Setup-Seite mit Links zur SDK-Dokumentation und den CLI-Befehlen angezeigt, die zum Synchronisieren des Codes aus Ihrer IDE erforderlich sind:

Über diese Anzeige haben Sie Zugriff auf:

• Projektübersicht – Name, aktuelle Version und die Lösung, zu der es gehört.
• Quelle – Nachdem Sie Code gepusht haben, zeigt Studio Web die zuletzt gepushte Quelle hier im schreibgeschützten Modus an. Studio Web bietet keinen Browser-Code-Editor; Verwenden Sie Ihre lokale IDE für alle Bearbeitungen.
• Ressourcen – Nachdem Sie Code verschoben haben, der eine bindings_v2.json -Datei enthält, zeigt Studio Web die registrierten Ressourcen hier an und ermöglicht Ihnen, jede deklarierte Ressource einer Orchestrator-Entität zuzuordnen. Siehe Bindungen und Runtime-Ressourcen.

Erstellen der App lokal

So entwickeln Sie den Quellcode der App:

1. Erstellen Sie ein lokales Projekt in Ihrer IDE mit dem Framework Ihrer Wahl (React, Vue, Angular oder ein beliebiges Framework, das statische Browser-Assets erzeugt).
2. Erstellen Sie die App mit der Toolkette Ihres Frameworks (z. B. npm run build), die die installierbaren Artefakte erzeugt, die Ihre App zur Laufzeit bereitstellen wird.

Wenn die App zur Laufzeit UiPath-Ressourcen aufruft, fügen Sie eine bindings_v2.json -Datei neben den erstellten Artefakten hinzu, um jede Ressource zu deklarieren. Siehe Bindungen und Runtime-Ressourcen.

Tipp:

Wenn Sie einen UiPath-Codierungsagenten verwenden, rufen Sie die Fähigkeit uipath-coded-apps auf – sie erstellt ein Gerüst für das Projekt, generiert bindings_v2.json und hält es mit den Ressourcen synchronisiert, auf die Ihr Code verweist.

Pushen der App an Studio Web

Wenn Ihr lokaler Build fertig ist, pushen Sie ihn mit der UiPath CLI in das Studio Web-Projekt:

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

Der Befehl lädt das Build-Ausgabeverzeichnis (standardmäßig dist) in Studio Web hoch. Überschreiben Sie das Verzeichnis mit --build-dir <dir>, wenn Ihr Framework anderswo erstellt wird.

Wenn Sie noch kein Projekt initialisiert haben, fordert push interaktiv dazu auf, eines für Sie zu erstellen, und speichert das resultierende UIPATH_PROJECT_ID für nachfolgende Pushs in .env.

Studio Web im Push-Modus:

• Speichert die verschobenen Dateien und zeigt sie in der Quellansicht (schreibgeschützt) des Projekts an.
• Liest bindings_v2.json, wenn es am Stammordner des verschobenen Inhalts vorhanden ist, und registriert jede deklarierte Ressource im Bereich Ressourcen des Projekts.

Die vollständige CLI-Referenz und die Round Trip-Befehle finden Sie unter Arbeiten in Ihrer IDE.