Progressive Web Apps (PWA)

Here are the key considerations for the implementation of PWA.


Understanding Progressive Web Apps (PWA)

Progressive Web Apps merge the flexibility of traditional websites with the native-like experience of desktop or mobile applications, utilizing the advanced features of modern web browsers.

Unlike typical mobile apps, which often depend on WebView and may not support Web Push API, PWAs run directly within the browser. This allows them to offer functionalities similar to those of native applications.

For a comprehensive understanding of Progressive Web Apps, refer to authoritative web development resources.


Integrating the Hood SDK

Follow the standard guidelines to seamlessly incorporate the Hood SDK into your application.


Manifest Configuration for iOS Devices

Every PWA requires a properly configured Web Manifest to transition from a regular website to a Progressive Web App.

To support web push notifications on iOS devices, set the display property in your manifest file to "standalone" or "fullscreen".

Other configurations may not support push notifications effectively on iOS devices.

For more details, see our guide on iOS Web Push Notifications.


Service Worker Setup

PWAs rely on Service Workers to enable offline functionality and optimize resource management.

Make sure the Hood Service Worker is integrated correctly by following the guidelines in our Service Worker Integration guide.


Checking Your PWA Manifest

The Web Manifest is crucial for transforming your website into a Progressive Web App.

Info
NOTE: To ensure optimal compatibility and functionality, especially on iOS devices, you must set the display property in your manifest file to "standalone" or "fullscreen".

Service Worker Integration

A properly integrated Service Worker is essential for enabling offline capabilities and ensuring smooth updates.

For detailed instructions on how to configure the Service Worker to meet the requirements of the Hood SDK, please refer to our Service Worker Integration Guide.

On This Page