Erste Schritte
Voraussetzungen
Quick Start
- Repository klonen:
git clone https://github.com/5minds/ProcessCube.AppTemplate.git
cd ProcessCube.AppTemplate- Services starten:
docker compose up- Anwendungen öffnen:
| Service | URL |
|---|---|
| Node-RED Editor | http://localhost:1880 |
| ProcessCube® Engine | http://localhost:8000 |
| Authority | http://localhost:11560 |
Projektstruktur
ProcessCube.AppTemplate/
├── apps/lowcode/
│ ├── src/
│ │ ├── nodes/ # Custom Nodes und Plugins
│ │ │ ├── sample_node/ # Beispiel-Node (Hello)
│ │ │ ├── aplugin/ # Beispiel-Plugin
│ │ │ ├── ui-hello.* # UI-Widget: Hello
│ │ │ └── ui-termo.* # UI-Widget: Thermometer
│ │ ├── ui/
│ │ │ ├── components/ # Vue.js Komponenten
│ │ │ └── exports/ # Vite Entry Points
│ │ ├── custom_settings.js # Node-RED Einstellungen
│ │ ├── package.json # Paket-Definition
│ │ └── vite.config.mjs # Vite Build-Konfiguration
│ ├── data/ # Node-RED Daten (Flows)
│ └── Dockerfile # Docker-Image für LowCode
├── processes/ # BPMN-Prozessdefinitionen
├── .processcube/ # Engine- und Authority-Konfiguration
├── .vscode/ # Debugging-Konfiguration
└── docker-compose.yml # Service-OrchestrierungEnthaltene Beispiele
Das Template enthält drei Arten von Beispiel-Komponenten:
- Hello Node (
nodes/sample_node/) — Ein einfacher Custom Node mit External-Task-Integration - UI-Widgets (
nodes/ui-hello.*,nodes/ui-termo.*) — Dashboard-2 Widgets mit Vue.js - Sample Plugin (
nodes/aplugin/) — Ein HTTP-Endpoint Plugin
Build-Befehle
Die Build-Befehle für die Vue.js Widgets befinden sich in apps/lowcode/src/:
cd apps/lowcode/src
npm install| Befehl | Beschreibung |
|---|---|
npm run build | Baut alle Widgets |
npm run build:hello | Baut nur das Hello-Widget |
npm run build:thermo | Baut nur das Thermometer-Widget |
Nach dem Build werden die Widget-Bundles automatisch im Docker-Container verfügbar.