/tutorial_openui5

Codice di esempio preso dai tutorial ufficiali di openui5 e prove varie

Primary LanguageJavaScript

tutorial_openui5

Sample code taken from the official openui5 tutorials and various tests

To create a new app, I used:

Steps on Windows to follow for a new app:

  • install Node.js to have npm
  • npm init --yes
  • npm install -g @ui5/cli
  • npm install -g yo
  • npm install -g generator-easy-ui5
  • npm install -g mbt
  • choco install make (for Windows, to be installed as administrator!)
  • yo easy-ui5 (this creates manifest.json and spares you this nice bug that occurs creating the app manually; as options use "static webserver" and "local resource (OpenUI5)", the rest is fine by default)
  • cd pathapp
  • remove the .git directory (to integrate the whole app into an existing git without making new repo or submodule)
  • ui5 --config=uimodule/ui5.yaml add themelib_sap_belize (to be able to follow examples that require it)
  • npm install local-web-server --save-dev (the official sample app uses a dedicated webserver to serve the optimized build, while the automatically generated app does not)
  • insert an additional target in package.json: "serve-dist": "ws --compress -d uimodule/dist",
  • npm run start (or) npm run serve-dist

Steps for Debian:

  • apt-get install nodejs npm
  • npm init --yes
  • npm install @ui5/cli --save-dev
  • npm install yo
  • npm install generator-easy-ui5
  • npm install mbt
  • npx yo easy-ui5
  • cd pathapp
  • rm -rf .git (see above).
  • npx ui5 --config=uimodule/ui5.yaml add themelib_sap_belize
  • npm install local-web-server --save-dev
  • insert an additional target in package.json: "serve-dist": "ws --compress -d uimodule/dist",
  • npm run start (or) npm run serve-dist

Please note:

  • in the tooling examples, the path that easy-ui5 uses to collect the files is not considered: it should be entered as an explicit parameter, exactly as in the targets in package.json
  • if the theme is missing, check that the corresponding themelib is installed.
  • for VSCode there is a UI5-specific extension