Hyper PWA

Descripción

Hyper PWA plugin is developed based on web.dev and Workbox, provides Manifest and Service Worker, is compatible with Accelerate Mobile Pages (AMP), OneSignal and Firebase — it converts WordPress into Progressive Web Apps (PWA). Website owners can publish the PWA to App Stores as an App; end users can download the App and add the App icon to Home Screen/Desktop; the App can work in Offline Mode; website owners can send Push Notifications to the App.

Basic Features:
* Provide Manifest
* Provide Service Worker
* Support Publish to App Stores
* Support Add to Home Screen
* Support Offline Work Mode
* Support Push Notifications
* Is compatible with AMP
* Is compatible with OneSignal
* Is compatible with Firebase

Premium Features:
* Support Workbox Strategies
* Support Workbox Common Recipes
* Support Workbox Offline Fallback Page
* Support Workbox Advanced Recipes
* Support Workbox Default Handler
* Support Workbox Precaching
* Support Workbox Google Analytics
* Support Workbox Background Sync
* Support Periodic Background Sync

Highlight

This plugin is relying on a 3rd party Software as a Service — FlexPlat: https://flexplat.com to generate Manifest and Service Workers related files.  The Terms and Conditions is located at: https://flexplat.com/terms-and-conditions/

In detail, to make PWA working, end users will ask your website to provide Manifest and Service Workers related files:
* hyper-pwa-register.js
* hyper-pwa-service-worker.html
* hyper-pwa-service-worker.js
* hyper-pwa-manifest.json
* hyper-pwa-unregister.js
* hyper-pwa-offline.html
* hyper-pwa-settings.json
Inside of producing these files within my plugin, my plugin will send necessary parameters to FlexPlat, FlexPlat will build the Service Workers related files based on the received parameters, and return these files to your website.  Then my plugin forwards these files to end users.

Open Issue

None.

Demo

  1. https://flexplat.com

Download

  1. GitHub: https://github.com/rickey29/hyper-pwa
  2. WordPress Plugins Libraries: https://wordpress.org/plugins/hyper-pwa/

Configuration

Go to your website Dashboard Hyper PWA section for detail.

Premium

If you want to have a personalized/customized Manifest and/or Service Worker solution for your website, I can do the development for you. It is a premium service.

Support

Author: Rickey Gu
Web: https://flexplat.com
Email: rickey29@gmail.com

Instalación

  1. Upload the plugin files to the ‘/wp-content/plugins/hyper-pwa’ directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.

Preguntas frecuentes

How do you make App Icons?

I use following tool: https://www.pwabuilder.com/imageGenerator .

How do you make maskable App Icons?

I use following tool: https://maskable.app/editor .

How to find my website Repeat View load time/speed?

https://www.webpagetest.org/ . In the Advanced Settings, change Repeat View option to “First View and Repeat View”.

How to validate/audit my website PWA status?

I use PWABuilder: https://www.pwabuilder.com/ . You can google to find more tools.

How to publish my PWA as an App to Application Stores?

PWABuilder: https://www.pwabuilder.com/ provides Blog: https://blog.pwabuilder.com/ , Documentation: https://blog.pwabuilder.com/docs and Demo: https://blog.pwabuilder.com/demos to help the publishment.

How to add my website to mobile device home screen?

https://natomasunified.org/kb/add-website-to-mobile-device-home-screen/

How to send Push Notifications?

This plugin is compatible with OneSignal: https://onesignal.com/ and Firebase: https://firebase.google.com/ , you can use OneSignal WordPress plugin, such as: https://wordpress.org/plugins/onesignal-free-web-push-notifications/ and Firebase WordPress plugin, such as: https://wordpress.org/plugins/integrate-firebase/ to do Push Notifications.

During Google Chrome Lighthouse PWA audit, I get following error message: “No matching service worker detected. You may need to reload the page, or check that the scope of the service worker for the current page encloses the scope and start URL from the manifest.” And in Chrome Console, I get following error message: “The script has an unsupported MIME type (\’text/html\’).” What should I do now?

If your website uses any cache plugin, purge the cache. If your website uses any CDN/cache server, purge the cache. Go to your web browser Developer Tools, unregister Service Worker and clear cache. Then redo the audit.
If it is still not working, you must use some cache plugin. Let your cache plugin not caching “https://yoursite/hyper-pwa-service-worker.js” — set above link as an exception to the caching. Go to your web browser Developer Tools, unregister Service Worker and clear cache. Then redo the audit.

Get the following error message in web browser console: “The service worker navigation preload request was cancelled before ‘preloadResponse’ settled. If you intend to use ‘preloadResponse’, use waitUntil() or respondWith() to wait for the promise to settle.” What should I do now?

https://stackoverflow.com/questions/66818391/service-worker-the-service-worker-navigation-preload-request-failed-with-networ

Reseñas

12 de octubre de 2021
Far behind SuperPWA and PWA for WP. Read carefully in the dashboard because some settings are accessible but become chargeable after 90 days.

PWA

2 de agosto de 2021
After using this plugin, my website have passed lightinghouse pwa-audit
Leer todas las 2 reseñas

Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este plugin.

Colaboradores

Traduce "Hyper PWA" a tu idioma.

¿Interesado en el desarrollo?

Revisa el código, echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.19.0

(Tue., Nov. 30, 2021)
* New Feature: Traffic balance.
* New Feature: Fallback.

1.18.0

(Fri., Oct. 29, 2021)
* New Feature: Verify if is compatible with OneSignal.
* New Feature: Verify if is compatible with Firebase.

1.17.0

(Thur., Oct. 07, 2021)
* New Feature: Support Add to Home screen.

1.16.0

(Sun., Aug. 29, 2021)
* New Feature: Provide more detail in admin settings page.

1.15.0

(Wed., Jul. 28, 2021)
* New Feature: Add more functions in admin settings page.

1.14.0

(Thur., Jul. 08, 2021)
* New Feature: Support Workbox Background Sync.

1.13.0

(Mon., Jun. 28, 2021)
* Improvement for PluginTests.

1.12.0

(Mon., Jun. 21, 2021)
* Improvement for Lighthouse Audit.

1.11.0

(Mon., Jun. 14, 2021)
* New feature: Use corn job to refresh cache.

1.10.0

(Tue., May 25, 2021)
* Bug fix: nonce not working for multiple users.

1.9.0

(Mon., May 24, 2021)
* Update according to WordPress Plugin Security guideline.

1.8.0

(Fri., May 07, 2021)
* New feature: multiple recipes.

1.7.0

(Fri., Apr. 23, 2021)
* Improve Service Worker recipe.

1.6.0

(Mon., Apr. 19, 2021)
* Improve Service Worker recipe.

1.5.0

(Fri., Apr. 09, 2021)
* Improve Service Worker recipe.

1.4.0

(Sun., Apr. 04, 2021)
* Deactivate Service Worker within Administration Dashboard.

1.3.0

(Tue., Mar. 30, 2021)
* Provide plugin Settings Page.

1.2.0

(Thur., Mar. 18, 2021)
* Pass Lighthouse PWA audit.
* Work compatible with AMP.
* Display an Offline Page when network is not available.
* Bypass WordPress Administration Dashboard for PWA.

1.1.0

(Thur., Mar. 04, 2021)
* Update according to WordPress Plugin Handbook.

1.0.0

(Tue., Mar. 02, 2021)
* Submission accepted by WordPress Plugin Review Team.

0.3.0

(Tue., Mar. 02, 2021)
* Update continued according to the comments of WordPress Plugin Review Team.

0.2.0

(Sat., Feb. 27, 2021)
* Update according to the comments of WordPress Plugin Review Team.

0.1.0

(Wed., Feb. 21, 2021)
* primary development