Schnellstart
Einrichtung der IDE (VS Code)
Erstellen Ihrer ersten Anwendung (Hello World)
Mit Entwicklungsumgebung verbinden
Verbinden Sie sich per VS Code mit dem Ziel-System.
![](../__attachments/248283273/image-20231024-131351.png?inst-v=12a63a18-6357-4ea2-982a-5f9b25471257)
Package erstellen
Erstellen Sie einen neuen Ordner hello-world
. Erstellen Sie in diesem Ordner die Datei be_package.install.yaml
mit folgendem Inhalt:
name: '@custom/hello-world'
local: true
packageKey: C_HEWO
Der Package-Key muss über alle Codeblock-Pakete eindeutig sein.
Des weiteren wird ein Ordner mit dem Namen .pages
benötigt, in dem alle Page-Definition liegen müssen. In dem Ordner .pages
können die Page-Definitionen in beliebigen Unterordnern liegen.
Page erstellen
Erstellen Sie nun im Ordner .pages
eine Datei mit dem Namen hello-world.page.yaml
mit folgendem Inhalt:
id: C_HEWO.hello-world
title: Hello World
permissions:
- role: BE.admin
controls:
- controlType: text
size: 100px
fontSize: 1.2
value: Hello World!
textAlignment: center
objectType: pageContainer
type: mainPage
Die id der Page muss innerhalb des Codeblock-Paketes eindeutig sein und mit dem Package-Key beginnen.
Page im Browser ansehen
Geben Sie die beiden Programme be_package.install.yaml
und hello-world.page.yaml
frei.
![image-20240603-091040.png](../__attachments/248283273/image-20240603-091040.png?inst-v=12a63a18-6357-4ea2-982a-5f9b25471257)
Laden Sie danach die Pakete-Registry des be Portals neu (per VS Code oder über das Administration Widget):
![](../__attachments/248283273/image-20231009-141006.png?inst-v=12a63a18-6357-4ea2-982a-5f9b25471257)
![](../__attachments/248283273/image-20231228-122656.png?inst-v=12a63a18-6357-4ea2-982a-5f9b25471257)
Navigieren Sie im Browser auf die URL Ihrer Page (https://<tenant>.businessexpress.cloud/page/C_HEWO.hello-world
) um das Ergebnis anzusehen:
![](../__attachments/248283273/image-20231009-141424.png?inst-v=12a63a18-6357-4ea2-982a-5f9b25471257)