SAPUI5 Local Development and Deployment

This page describes all necessary steps to create development environment in order developt and run SAPUI5 apps locally with the use of remote servers for data retrieval.

The following instructions are tested on:

• Windows 10 Version 20H2 Build 19042.685

Prerequisites

Following software needs to be installed locally:

• Node.js >= 8.5 --> https://nodejs.org/download
• npm >= 5
• Git >= 2.1 --> https://git-scm.com/downloads/
• CLI, i.e. PowerShell or cmd.exe
• Code Editor, i.e. Notepad, VIM, Emacs, Eclipse or Visual Studio Code

Check versions:

node -v
npm -v
git --version

Installation of SAPUI5 Runtime Environment

Install UI5 Tooling and Verify Installation

npm install –global @ui5/cli
ui5 --help

Clone Project

i.e.:

git clone https://github.com/SAP/openui5-basic-template-app/
cd openui5-basic-template-app 

Install Dependencies

npm install

Run Local Development Server

ui5 serve -o index.html

This should open a Server at http://localhost:8080/ and run the http://localhost:8080/index.html

Troubleshooting

Server cannot be started

Problem:

The ui serve command fails with an error stating that the server directory does not match

Root Cause:

Solution: