DenisTis / SAPUI5_171

SAPUI5 with library version 1.71

SAPUI5 application serving 1.71 library version

Multi-page description:

1. App. page has no content and is used just as application controller
2. "Main" page is declared and loaded from manifes based on empty pattern
3. Navigation to "Product" page uses "Globals" to read odata path instead of hash
4. Navigation to "Product" page requires additional "target" and "pattern" to be declared in manifest. "Pattern" should not be empty, as it is for the "Main" page.
5. In case application is being started from "Product" page, router returns to "Main" page

First start: use terminal commands

• npm install --global @ui5/cli (To load UI5 tools, like component preload, upload to server and renaming of debug files)
• npm install

Start project: use terminal commands:

1. node server.js
2. Open url "http://localhost:8005/index.html"

Proxy setup for backend connection to sap or reference odata services Proxy

Maintain "connection.json" file:

1. "mainPort": defines which port is used to serve static files
2. "proxyPort": defines port through which final app is consumed
3. "services": proxy searches for entity name ("Northwind" in this case) in "connection.json" and replaces the name with configured path in server request.

Setting different combination of mainPort and proxyPort for different apps will allow you to have multiple instances of applications running at same time.

Optionally: target in connectionJson should point to the same location as datasource uri in manifest.json

Important Fiori links:

• Design guidelines. Contains general rules. Also allows to select, which element is used in which case.For example, search for element "Switch" and read "Usage" section.

• Fiori version 1.71.27 tutorials