APEX as a PWA: The Complete Guide

A complete guide for turning an APEX application into a Progressive Web App.

Covered Features

• Installing the APEX app on a mobile device
• Making the APEX app available offline
• Syncing offline requests when getting back online
• Sending push notifications

Documentation

• Part 1: Introducing Progressive Web Apps
• Part 2: Setup and Development Tips
• Part 3: JavaScript Recap
• Part 4: Installing an APEX App into a Mobile Device
• Part 5: Using an APEX App Offline
• Part 6: Handling Background Sync
• Part 7: Sending Push Notifications
• Part 8: Final Thoughts

Using this Demo

1. Import the demo app on your workspace
2. Meet the requirements listed in Part 2
3. Move the following files on your doc_root folder
   • src/manifest.json
   • src/sw.js
4. Replace the following values in these files
   • src/manifest.json
     • Replace the start_url value with your own application URL
   • server/pushNotification.js
     • Replace CHANGE_ME_1 with your Firebase service account file
     • Replace CHANGE_ME_2 with your email, public key and private key
     • Replace CHANGE_ME_3 with your Firebase database URL