Dieses Template demonstriert die Entwicklung und das Debugging von Custom-Komponenten für ProcessCube LowCode Apps.
Das Template zeigt folgende Konzepte:
- Custom-Plugin:
apps/lowcode/src/nodes/aplugin/* - Custom-Node-RED-Node:
apps/lowcode/src/nodes/sample_node/* - UI-Node für das Dashboard-2:
/apps/lowcode/src/nodes/ui-hello.js//apps/lowcode/src/nodes/ui-hello.html/apps/lowcode/src/nodes/ui-termo.js//apps/lowcode/src/nodes/ui-termo.html
und die Vue.js-Dateien für die UI-Komponenten:
/apps/lowcode/src/ui/componentes/ui-hello.vue/apps/lowcode/src/ui/componentes/ui-termo.vue
WICHITG: Das Paket für die UI-Widgets muss mit dem Package-Name node-red-dashboard-2- beginnen und im nodesDir der Node-RED-Installation (RED.settings...userDir) liegen, damit es korrekt geladen wird.
Siehe dazu auch die Dashboard-2-Dokumentation.
Diese Beispiele zeigen die Entwicklung von Custom-Plugins und -Nodes mittels JavaScript, die in LowCode Apps verwendet werden können.
Um das Einbinden von Custom-Komponenten zu demonstrieren, haben wir einen Beispiel-Node erstellt, der über External Tasks in Node-RED mit der ProcessCube Engine integriert wird.
Der Beispiel-Node ist ein einfacher Node, der eine konfigurierbare Begrüßung ausgibt und in Node-RED wie folgt verwendet wird:
Der zugehörige Prozess mit External Task in der Engine:
- Attach to Node-RED: Docker-Compose Konfiguration
- Breakpoint beim Start: Node-RED pausiert beim Start bis der Debugger verbunden ist (Konfiguration)
- Container starten
- In VSCode: Run and Debug → Attach to Node-RED
- Breakpoints setzen und debuggen
- ProcessCube Engine mit PostgreSQL-Anbindung
- ProcessCube Authority
- PostgreSQL mit Initialisierungsskript und dynamischem externen Port-Mapping
- JavaScript Version
- npm-Packages im Docker-Image installieren
- Plugin für Node-RED
- Beispiel-Node für Node-RED
- Debugging mit VSCode
- GitHub Actions Workflow und Docker-Image
- TypeScript Version