This document discusses strategies for standardizing UI5 project setup and infrastructure to facilitate scaling UI5 projects. It describes a process for code reviews, testing, and deployment that utilizes GitHub, Gerrit, Jenkins, and ABAP systems. It also lists common challenges faced in UI5 development and provides links to GitHub repositories containing seed projects, components, libraries, and tools to help address these challenges and standardize development practices. The goal is to share knowledge and establish practices that improve collaboration, testing, and deployment across UI5 projects and teams.

1. © nabisoft GmbH. All rights reserved. www.nabisoft.com 1
Scaling UI5 Projects via Standardized Project & Infrastructure Setup
Nabi Zamani June 28, 2019 St. Leon-Rot, Germany

2. © nabisoft GmbH. All rights reserved. www.nabisoft.com 2

3. © nabisoft GmbH. All rights reserved. www.nabisoft.com 3

4. © nabisoft GmbH. All rights reserved. www.nabisoft.com 4

5. © nabisoft GmbH. All rights reserved. www.nabisoft.com 5

6. © nabisoft GmbH. All rights reserved. www.nabisoft.com 6

7. © nabisoft GmbH. All rights reserved. www.nabisoft.com 7

8. © nabisoft GmbH. All rights reserved. www.nabisoft.com 8

9. © nabisoft GmbH. All rights reserved. www.nabisoft.com 9
ABAP
DEV TEST PROD
Developer Team
3. Code Review (vote)
4. submit
Gerrit
5. Merge to master
1. Clone
2. Push
Patchset 1
Patchset 2
fetch
3. Jenkins Voter
7. Deployment
6. Polling /
Git Hook
In a real world scenario these
would be the SAPGW systems
which are connected to ABAP
Backend systems

10. © nabisoft GmbH. All rights reserved. www.nabisoft.com 10
1. Hey SAP - We need SAPUI5 instead of OpenUI5 on localhost for dev!
2. How can we share knowledge with other team members?
3. How can we get rid of everybody having to use the same IDE?
4. How to get rid of Eclipse?
5. How to create the preload files?
6. How to integrate test automation?
7. How to use latest JavaScript features although some of our target browser are really old?
8. How to code from anywhere, even when on the train?
9. How to use custom ui5 themes on localhost during development?
10. How to test certain things right quick against a newer version of SAPUI5?
11. How to make sure nobody commits manifest.json with absolute URLs (i.e. for OData services)?
12. How to get thirdparty js libs into your ui5 apps?
13. How to integrate custom ui5 libs and ui5 components into our apps?
14. How can we easily deploy our apps to an ABAP GW system?
15. Lots more, but I don’t wanna bore you…
Daily challenges we may have

11. © nabisoft GmbH. All rights reserved. www.nabisoft.com 11
Monday Morning Emergency
Prod Issue è loosing € 1 Mio per minute

12. © nabisoft GmbH. All rights reserved. www.nabisoft.com 12
1. https://github.com/nzamani/ui5-seed-app
2. https://github.com/nzamani/ui5-seed-comp
3. https://github.com/nzamani/ui5-seed-lib
4. https://github.com/nzamani/ui5-seed-flp-plugin
5. https://github.com/nzamani/ui5-seed-customtheme
npm install
npm run installsapui5
grunt serve
Open your browser
è app/comp/flp-plugin: http://localhost:8080
è lib: http://localhost:8080/test-resources/nabi/seed/lib/index.html
Github repos

13. © nabisoft GmbH. All rights reserved. www.nabisoft.com 13
The END
Thank You