Mit dem UI5-Tooling ist es möglich lokal auf dem eigenen Rechner UI5-Anwendungen zu entwickeln.

• Voraussetzung ist eine Node.js Installation (>= Version 10)
  
  
  

UI5-Tooling installieren

npm install --global @ui5/cli

Aufsetzen eines UI-Projekts mit dem UI5-Tooling

• Verzeichnis anlegen, wo später alle UI5-Entwicklungen enthalten sind

• Innerhalb des Verzeichnis muss ein Ordner mit dem Namen “webapp” angelegt werden

• package.json erzeugen (siehe Codesnippet). Dies ist eine Art manifest-Datei im Projekt. Sie kann als zentrales Repository für die Konfiguration von Werkzeugen eingesetzt werden.

npm init --yes

• ui5.yaml Datei erzeugen (mit folgenden Befehl)

ui5 init

• manifest.json Datei innerhalb des Verzeichnis webapp anlegen - folgendes manifest ist nur ein einfaches Beispiel

{
    "_version": "1.12.0",
    "sap.app": {
        "id": "de.my.id",
        "type": "application",
        "i18n": "i18n/i18n.properties",
        "applicationVersion": {
            "version": "1.0.0"
        },
        "title": "",
        "description": "",
        "sourceTemplate": {
            "id": "ui5template.basicSAPUI5ApplicationProject",
            "version": "1.38.11"
        }
    },
    "sap.ui": {
        "technology": "UI5"
    },
    "sap.ui5": {
        "dependencies": {
            "minUI5Version": "1.60.0",
            "libs": {
                "sap.ui.core": {},
                "sap.m": {}
            }
        }
    }
}

• UI5 Implementierung vornehmen

• UI5 Applikation mit dem folgenden npm Befehl im Projektordner (Root-Verzeichnis - nicht im webapp Verzeichnis!)

ui5 serve

• UI5-Applikation kann jetzt unter der Url http://localhost:8080 aufgerufen werden