Garage Cards

An example with several sap.ui.integration cards, a web socket connection to live reload the cards, and the UI5 event bus for communcation across cards.

Abstract

In the month of June, we welcome back Michael Graf, an expert resource who is no stranger to UI5. In this session, we will be using WebSockets and UI5 to enable a real-time dashboard for our safety incidents, which enables safety managers to see – in real time – what types of incidents are being created.

Part of the Series: SAP Cloud Platform in the Garage

Prerequisites

The UI5 build and development tooling command line interface (UI5 CLI) has to be installed. For installation instructions please see Installing the UI5 CLI.

Setup

Install all dependencies
```
npm install
```
For development, start a local server and run the application. Updates to files will cause the app to reload automatically (http://localhost:8080/index.html)
```
npm start
```
To run an optimized version that first builds a component preload and then serves from the dist folder run this command instead:
```
npm run dist
```

Testing

Run ESLint code validation
```
npm run lint
```

Deployment

The app can be run locally with the UI5 tooling as described above or on SAP Cloud Platform. To deploy the app to SAP Cloud Platform, create an empty MTA project and add this project as an HTML module.

For more build and development options please see: UI5 Build and Development Tooling

Support

This repository is based on the OpenUI5 template demo apps and enriched with custom features. The codebase is published for demostration purposes. If you found a bug, and you would like to fix it, please create a Pull Request. Thank you!