NSF the perfect store for your HTML 5 client Unleash the power of the modern world and get some good stuff for free! #engageug

Agenda You may ask why HTML 5 Client Development The NSF Store Some instant benefits The Backend A build/deployment scenario Your captain for this session Christian Guedemann CTO@WebGate Consulting AG Chairman of OpenNTF #engageug

WHY ANOTHER IDEA TO BUILD A HTML CLIENT Attention icebergs…. JSF XPages JSP WHY ANOTHER IDEA TO BUILD A HTML CLIENT Servlets Java Script Lotus Script Static HTML Pages Developers want to be productive, as fast as possible. Or as my boss says: Steal and show off Notes Form to HTML #engageug

Modern HTML 5 Client Development Use a strong IDE (Atom, MS Visual Studio Code) Follow the workflow of the framework you have chosen! (E.G.) Local development with webpack Applying code standards and patterns Build for development / production Get for free…. A huge community (based on the framework you have choosen) Samples and best practices Dealing with typical browser problems like caching #engageug

Client build done -> Where to store? No resources? Where is my HTML 5 Client Unhide the secrete virtual folder structure The NSF Store #engageug

Benefits! For Free! And INSTANT All Files are part of my Design and the Designer doesn’t mess up with them Also my vendors files (Angular, React, Whatever) are part of my NSF I can replicate I can replace design Did you see the ‘HASH’ (1ebf41f5420dd54cf25e) in the file name…. Caching issues? – I don’t think so All files are protected by the ACL of my NSF (means application) Authentication -> let domino take care of it And INSTANT #engageug

Some advice for your HTML 5 Client Use /#/ Hash based routing Take care about all ‘?’ characters in URL, specially FontAwesome is here to name #engageug

Please chose your preferred weapon! Building a REST API with Lotus Script Agents -> no Problem ExtLib Rest Component -> no Problem XPages – XAgent Approach -> no Problem Notes Views and Forms -> no (or some) Problem SmartNSF -> no Problem ODA Servlet -> no Problem The Backend #engageug

Build this stuff automatically HTML 5 Development DIST Folder ODP (On Disk Project) NSF Backend Development Headless Designer / Maven Plugin The deployment NSF #engageug

Q & A #engageug