際際滷

際際滷Share a Scribd company logo
Volker Buzek / Peter Muessig
November, 2019


UI5 TOOLING
Node.js based, open and extensible!
UI5 Tooling - Open and Extensible
UI5 Tooling
A Zoo Of Tools
OneToolingTo RuleThem All
>_
UI5Tooling
 Open-Source CLITooling :
 Node.js-based Build and development tools to
build, test and run applications, reuse components
and libraries
 Easy Integration:
 Via CLI into the Editors or CI of your choice
 Via JS API into BuildTools (such as Gulp, )
 Type-oriented/Task-centric Build:
 BuildTools based on bare-metal Node.js
 Types define the execution order ofTasks
 Task are lightweight Node.js modules
 Middleware-based Dev Server:
 Development Tools based on Express.js
 For resource lookup, on-the-fly replace of
placeholders, compilation of less to css,
UI5Tooling Family
 IDE Support:
 The standard build for UI5 applications,
components and libraries in SAP Web IDE
 Via CLI into SAP Business Application Studio and
other environments
 Additional UI5Tooling:
 Karma UI5 Plugin to simplify testing
 Migration tooling to update the UI5 codebase
 Open and ExtensibleToolchain:
 Extend the UI5 builder via custom tasks
 Extend the UI5 server via custom server
middleware
 More to come
Migration
Karma
>_
UI5con Challenge
 UI5con  the idea was born:
 UI5Tooling is open and extensible
 SAP cannot provide all functionality
 Proxies are manifold
 Hackathon at J&S-Soft:
 Explaining the extensibility concept
 Live-hacking and show-casing the simplicity
 Implement and provide the tasks and
middlewares for the UI5 community via NPM for
a best-of-breed development environment
 Identify gaps in the UI5Tooling
 Proof that the UI5Tooling is not limited
 The project ui5-ecosystem-showcase
2019
Peter, a proxy is
missing!
Volker, the
UI5Tooling is
extensible, just
add it!
Ok, lets
proof this
together!
Hopefully
Live Coding ~ Code for Life
proxy static
We need you
Use the UI5 Tooling, build tasks and
middlewares, contribute!
We need you!
Material/Guidelines
 Documentation:
 UI5Tooling
 Blogs:
 The Build and DevelopmentTooling
 Utilize UI5Toolings Extensibility
 Projects:
 ES6Task for UI5 app (all-in-one)
 Ecosystem Showcase
 NPM Naming Conventions:
 ui5-[middleware|task]-*
One more thing
Derived
Licence
A new task in the UI5Tooling family!
 Task Name:
 ui5-task-nwabap-deploy
 Blog:
 Deploy UI5 Source to ABAP
 Project:
 GitHub ui5-nwabap-deployer
 Licence:
 Apache Licence 2.0
Florian Pfeffer
SAPUI5 Tools for Eclipse will be
discontinued due to UI5 Tooling
Noteworthy
THANK YOU
Contact Information:
Volker Buzek (Development Architect Mobility)
volker.buzek@js-soft.com / @vobu
Peter Muessig (Chief Architect, UI5)
peter.muessig@sap.com / @pmuessig
Find out more about UI5 Tooling here
UI5

More Related Content

UI5 Tooling - Open and Extensible

  • 1. Volker Buzek / Peter Muessig November, 2019 UI5 TOOLING Node.js based, open and extensible!
  • 3. UI5 Tooling A Zoo Of Tools
  • 5. UI5Tooling Open-Source CLITooling : Node.js-based Build and development tools to build, test and run applications, reuse components and libraries Easy Integration: Via CLI into the Editors or CI of your choice Via JS API into BuildTools (such as Gulp, ) Type-oriented/Task-centric Build: BuildTools based on bare-metal Node.js Types define the execution order ofTasks Task are lightweight Node.js modules Middleware-based Dev Server: Development Tools based on Express.js For resource lookup, on-the-fly replace of placeholders, compilation of less to css,
  • 6. UI5Tooling Family IDE Support: The standard build for UI5 applications, components and libraries in SAP Web IDE Via CLI into SAP Business Application Studio and other environments Additional UI5Tooling: Karma UI5 Plugin to simplify testing Migration tooling to update the UI5 codebase Open and ExtensibleToolchain: Extend the UI5 builder via custom tasks Extend the UI5 server via custom server middleware More to come Migration Karma >_
  • 7. UI5con Challenge UI5con the idea was born: UI5Tooling is open and extensible SAP cannot provide all functionality Proxies are manifold Hackathon at J&S-Soft: Explaining the extensibility concept Live-hacking and show-casing the simplicity Implement and provide the tasks and middlewares for the UI5 community via NPM for a best-of-breed development environment Identify gaps in the UI5Tooling Proof that the UI5Tooling is not limited The project ui5-ecosystem-showcase 2019 Peter, a proxy is missing! Volker, the UI5Tooling is extensible, just add it! Ok, lets proof this together! Hopefully
  • 8. Live Coding ~ Code for Life
  • 10. We need you Use the UI5 Tooling, build tasks and middlewares, contribute! We need you!
  • 11. Material/Guidelines Documentation: UI5Tooling Blogs: The Build and DevelopmentTooling Utilize UI5Toolings Extensibility Projects: ES6Task for UI5 app (all-in-one) Ecosystem Showcase NPM Naming Conventions: ui5-[middleware|task]-*
  • 13. A new task in the UI5Tooling family! Task Name: ui5-task-nwabap-deploy Blog: Deploy UI5 Source to ABAP Project: GitHub ui5-nwabap-deployer Licence: Apache Licence 2.0 Florian Pfeffer
  • 14. SAPUI5 Tools for Eclipse will be discontinued due to UI5 Tooling Noteworthy
  • 15. THANK YOU Contact Information: Volker Buzek (Development Architect Mobility) volker.buzek@js-soft.com / @vobu Peter Muessig (Chief Architect, UI5) peter.muessig@sap.com / @pmuessig Find out more about UI5 Tooling here UI5