iOS opens its doors to Progressive Web Apps
Written by Muriel Santoni on
You're well aware of the potential of Progressive Web Apps, the web applications that offer new functionalities in browsers that bring an experience comparable to that of native apps.
Progressive Web Apps have been on the rise since last year, but their main setback has been the fact that certain key features weren't supported on iOS devices.
This script, run in the background of the browser, offers a number of development possibilities, allowing an app's behavior to be significantly modified. Without Service Workers, Progressive Web Apps wouldn't be able to keep all of their promises, which is where the roadblock caused by the incompatibility between Service Workers and iOS came up.
With the iOS 11.3 update, Apple seems to officially be on board with Progressive Web Apps, as Service Workers are now compatible with iOS!
What functionalities are available on iOS thanks to Service Workers?
- Offline functionality
- A bug fix concerning camera usage
Services Workers aren't supported in Web Views, which means in browsers other than Safari (like Chrome iOS or the browser integrated with Facebook, for example).
I already have a PWA, how can I enjoy these new features?
On your users' side, their devices must work with iOS 11.3 (or a later version). Once the iOS 11.3 update has been installed, your PWA can enjoy all the advantages Service Workers bring.
What's the difference between PWA's on iOS and Android?
On Android, the stored files are deleted if there's no storage space left. On the other hand, on iOS, if the user hasn't used the PWA in several weeks, the cached files are deleted. The data is re-downloaded when the PWA is opened again.
- Background synchronisation: it is possible on Android, but not on iOS.
- Push notifications: they aren't supported on iOS yet. Apple still remains quite silent on the possibility of push notifications being supported in Safari. In any case, no luck for the moment with iOS 11.3.
- On Android, PWA's have Bluetooth access which isn't the case on iOS.
Will future iOS updates bring more functionalities?
After Service Workers, it seems like Apple is working on supporting the Web App Manifest in its browser, which is a major element of PWA's. This descriptive file allows for elements used while the PWA is working in full screen mode to be defined, as defined by the W3C. The Web App Manifest in Safari would allow for:
- Forcing the screen orientation when the PWA is being used in full screen mode (which means when it's launched from the home screen icon)
- Integrating a system in Safari that invites the user to install the PWA on their home screen (a pop-up is automatically displayed on Android). The Web App Manifest contains all the elements allowing the Webkit team to build this type of component.
- Building a launch screen for the PWA. On Android, this screen is built from the app icon. Its name and a background color are described in the manifest.
How can I install my PWA on the home screen?
Here's the process for installing a PWA on the home screen:
1. Go to the PWA via its URL in Safari
2. Click the share button in Safari
3. Click "Add to home screen"
4. Verify that the name shown on your home screen is okay for you. If not, modify it and click "Add".
Why is the iOS 11.3 update a good opportunity for you?
One of the undeniable advantages of Progressive Web Apps is their accessibility. As they are run on the web, they're accessible via a simple URL, indexed by search engines, and once installed on the home screen, used just like any other app.
The first two points are more than positive for your visibility outlook, but the last one is crucial. A new distribution channel other than the App Store is now at your disposal. The World Wide Web—open and free.