Service Workers & APEX

Transcription

1 Dimitri Gielis Service Workers & APEX

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 Workshop - tomorrow 4.15 pm (Jazz 1)

4

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.

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

13 JavaScript Promises

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

15

16 Service Worker Life Cycle

17 Register

18 Using Service Worker

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 chrome://inspect/#service-workers (old: chrome://serviceworker-internals/)

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

32 Browser Support

33 References

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

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