Details
PWA plugin helps to enable power of PWA on your Osclass and cover key concepts of progressive web apps by generating manifest file (manifest.json, manifest.webmanifest), service workers and setting up meta data used when generating application.PWA largest benefit is in ability to generate native applications based on website for Google Play Store, iOS App Store and Microsoft store, PWA lightweight application (Add to home screen), caching features, preload features and enhancing offline experience.PWA application is considered as great addition or replacement for native app itself, as it provides app-like experience, is installable, lightweight (~1MB considering 50+ MB for native apps), auto-updated, provides offline experience and match to website design.Application installation is not required.
Progressive Web Apps for Osclass
Progressive Web Apps are built and enhanced using modern APIs to deliver better capabilities, installability and reliability while reaching anyone, anywhere and on any device, using one single codebase.
GENERATE FILES FOR NATIVE APPLICATION
When manifest and service worker files are created, it is possible to convert PWA application into native application using pwabuilder.com. This website generate application files for Google Play Store, iOS App Store and Microsoft Store.
CONFIGURATION OF IN-APP INSTALL EXPERIENCE
Plugin helps to improve application installation experience by configuring background and font colors, application name, description, icons and other aspects of installation process.
ASSETS CACHING AND PRELOAD FEATURES
Service workers can be set caching strategy, where browsed resources (except images) are cached and are used in case customer use your app in offline mode. In this case customer can access all links those were accessed while being online.Preload feature is browser-based functionality that enhance website loading.
OFFLINE BROWSING EXPERIENCE AND OFFLINE FALLBACK PAGE
When service workers are in caching mode, customer can access website also when offline.Plugin helps to configure also offline fallback page - by default, when you access website in offline mode, you get error page from browser, but this page can be customized by PWA, using custom layout, logo/image and text.All stylesheets (CSS) and scripts (JS) as well ad any resource defined in plugin configuration are pre-cached on page load, including offline page, to provide best possible offline app-like experience to your customers.
RICH & UP-TO-DATE OFFLINE EXPERIENCE
Plugin provides ability to enable background synchronization and periodic background synchronization to update cached resources whenever it is possible in order to keep user content up-to-date and provide better offline experience.These features must be also supported by browser, plugin handle compatibility checking.
TEXT DIRECTION
The base direction in which to display direction-capable members of the manifest. Together with the language attribute, it helps to correctly display right-to-left languages.
ICONS
Select image files that can serve as application icons for different contexts. For example, they can be used to represent the web application amongst a list of other applications, or to integrate the web application with an OS's task switcher and/or system preferences.Plugin allows to configure following parameters for each icons:
Source
Sizes
Type
Purpose
PRODUCT FEATURES AND FUNCTIONALITY
Basic documentation included
Add front office functionality
Coding skills NOT required
Theme modifications NOT required
Use hooks for theme integration
Coding skills recommended
Recommended for advanced osclass users
Advanced installation (need more skills)
No dependency on 3rd party services
Read more
Published on 2022/07/03
Details
PWA plugin helps to enable power of PWA on your Osclass and cover key concepts of progressive web apps by generating manifest file (manifest.json, manifest.webmanifest), service workers and setting up meta data used when generating application.PWA largest benefit is in ability to generate native applications based on website for Google Play Store, iOS App Store and Microsoft store, PWA lightweight application (Add to home screen), caching features, preload features and enhancing offline experience.PWA application is considered as great addition or replacement for native app itself, as it provides app-like experience, is installable, lightweight (~1MB considering 50+ MB for native apps), auto-updated, provides offline experience and match to website design.Application installation is not required.
Progressive Web Apps for Osclass
Progressive Web Apps are built and enhanced using modern APIs to deliver better capabilities, installability and reliability while reaching anyone, anywhere and on any device, using one single codebase.
GENERATE FILES FOR NATIVE APPLICATION
When manifest and service worker files are created, it is possible to convert PWA application into native application using pwabuilder.com. This website generate application files for Google Play Store, iOS App Store and Microsoft Store.
CONFIGURATION OF IN-APP INSTALL EXPERIENCE
Plugin helps to improve application installation experience by configuring background and font colors, application name, description, icons and other aspects of installation process.
ASSETS CACHING AND PRELOAD FEATURES
Service workers can be set caching strategy, where browsed resources (except images) are cached and are used in case customer use your app in offline mode. In this case customer can access all links those were accessed while being online.Preload feature is browser-based functionality that enhance website loading.
OFFLINE BROWSING EXPERIENCE AND OFFLINE FALLBACK PAGE
When service workers are in caching mode, customer can access website also when offline.Plugin helps to configure also offline fallback page - by default, when you access website in offline mode, you get error page from browser, but this page can be customized by PWA, using custom layout, logo/image and text.All stylesheets (CSS) and scripts (JS) as well ad any resource defined in plugin configuration are pre-cached on page load, including offline page, to provide best possible offline app-like experience to your customers.
RICH & UP-TO-DATE OFFLINE EXPERIENCE
Plugin provides ability to enable background synchronization and periodic background synchronization to update cached resources whenever it is possible in order to keep user content up-to-date and provide better offline experience.These features must be also supported by browser, plugin handle compatibility checking.
TEXT DIRECTION
The base direction in which to display direction-capable members of the manifest. Together with the language attribute, it helps to correctly display right-to-left languages.
ICONS
Select image files that can serve as application icons for different contexts. For example, they can be used to represent the web application amongst a list of other applications, or to integrate the web application with an OS's task switcher and/or system preferences.Plugin allows to configure following parameters for each icons:
Source
Sizes
Type
Purpose
PRODUCT FEATURES AND FUNCTIONALITY
Basic documentation included
Add front office functionality
Coding skills NOT required
Theme modifications NOT required
Use hooks for theme integration
Coding skills recommended
Recommended for advanced osclass users
Advanced installation (need more skills)
No dependency on 3rd party services