![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]-*](https://image.slidesharecdn.com/ui5toolingdsagpublic-191127102200/85/UI5-Tooling-Open-and-Extensible-11-320.jpg)
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, let‘s proof this together! Hopefully…
- 8. Live Coding ~ Code for Life 👻
- 9. proxy static
- 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