Dimitri Gielis is the founder and CEO of APEX R&D. He has over 18 years of experience with Oracle technologies including being an Oracle ACE Director. He presented on using service workers in Oracle Application Express. Service workers allow web applications to have rich offline experiences through features like periodic background syncs, push notifications, and geofencing. The presentation covered what service workers are, the problems they solve, their lifecycle, an example of using one, and potential use cases in APEX applications.

1. Dimitri Gielis
Service Workers &
APEX
www.apexRnD.be
dgielis.blogspot.com
@dgielis
dgielis@apexRnD.be

2. Dimitri Gielis
❖ Founder & CEO of APEX R&D
❖ 18+ years of Oracle Experience (OCP & APEX Certified)
❖ Oracle ACE Director
❖ “APEX Developer of the year 2009” by Oracle Magazine
❖ “Oracle Developer Choice award (ORDS)” in 2015
❖ Author Expert Oracle Application Express
❖ Presenter at Oracle Conferences (OOW, ODTUG, OGh, UKOUG, …)

3. https://www.apexofficeprint.com
Workshop - tomorrow 4.15 pm (Jazz 1)

4. http://dgielis.blogspot.com @dgielis

5. Rich offline experience
Periodic background syncs
Push notifications
Geofencing

6. Agenda
❖ What are Service Workers
❖ What do they solve
❖ Service Worker Life Cycle
❖ Example of a Service Worker
❖ Use cases in APEX

7. Service Workers

8. A service worker is a script that stands between
your website and the network

9. A service worker is a script that is run by your
browser in the background, separate from a web
page, opening the door to features which don't
need a web page or user interaction.
http://www.html5rocks.com/en/tutorials/service-worker/introduction/

10. Rich offline experience
Periodic background syncs
Push notifications
Geofencing

11. What is a Service Worker
❖ It's a JavaScript Worker, so it can't access the DOM directly
❖ Service worker is a programmable network proxy, allowing you to
control how network requests from your page are handled.
❖ It will be terminated when not in use, and restarted when it's next
needed
❖ Service Workers have access to the IndexedDB API
❖ Service workers are asynchronous and make extensive use of
promises
❖ Service workers require content to be served via https

12. JavaScript Promises
❖ JavaScript is single threaded
❖ We want multithreaded
❖ Async success/failure
http://www.html5rocks.com/en/tutorials/es6/promises/

13. JavaScript Promises
http://www.html5rocks.com/en/tutorials/es6/promises/

14. Service Workers solve
❖ Offline usage (Offline-first)
❖ Programmable cache control
❖ Custom response
❖ Background processing
❖ Push notifications
❖ BackgroundSync
❖ Alarms (Task Scheduler)

16. Service Worker Life Cycle

17. Register

18. Using Service Worker
http://www.html5rocks.com/en/tutorials/service-worker/introduction/

19. Register a Service Worker

20. Register

21. Install a Service Worker

22. Register

23. Fetch a Service Worker

24. Register

25. Update & Activate a Service Worker

26. Register

27. Viewing/Debug a Service Worker
(old: chrome://serviceworker-internals/)chrome://inspect/#service-workers

28. Demo SW in APEX

29. Lessons learned
❖ JavaScript knowledge important (Promise)
❖ Get sample working locally first
❖ Replicate in Oracle APEX
❖ Unregister SW and close tab
❖ Use Chrome Dev Tools to debug

30. Browser Support?

31. Browser Support
http://caniuse.com/#feat=serviceworkers

32. Browser Support
https://jakearchibald.github.io/isserviceworkerready/

33. References
❖ https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
❖ http://www.html5rocks.com/en/tutorials/service-worker/introduction/
❖ https://www.talater.com/upup/?utm_source=the-webdesigner.co&utm_medium=newsletter
❖ https://www.smashingmagazine.com/2016/02/making-a-service-worker/
❖ https://css-tricks.com/serviceworker-for-offline/
❖ https://developers.google.com/web/fundamentals/getting-started/
❖ https://aarontgrogg.com/blog/2015/07/20/the-difference-between-service-workers-web-
workers-and-websockets/
❖ https://jakearchibald.github.io/isserviceworkerready/

34. Recap
❖ What are Service Workers
❖ What do they solve
❖ Service Worker Life Cycle
❖ Example of a Service Worker
❖ Use cases in APEX

35. Q&A
www.apexRnD.be
dgielis.blogspot.com
@dgielis
dgielis@apexRnD.be

36. ❖ Looking for consulting, training and development in Oracle
Application Express (APEX)?
❖ Contact : www.apexRnD.be
❖ Mail : info@apexRnD.be
Consulting, Development, Training