Hyper PWA

外掛說明

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.

Features:
* Include Workbox Strategies
* Include Offline Fallback Page
* Include Default Handler
* Include Precaching
* Include Periodic Background Sync
* Include Background Sync
* Include Google Analytics
* Include Update Prompt
* Include Console Debug Log
* Provide Manifest
* Provide Service Worker
* Support Publish to App Stores
* Support Add to Home Screen
* Support Work in Offline Mode
* Support Push Notifications
* Compatible with AMP
* Compatible with OneSignal
* Compatible with Firebase

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
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. WordPress Plugins Libraries: https://wordpress.org/plugins/hyper-pwa/

Configuration

Go to your website Dashboard Hyper PWA section for detail.

Custom Development

If your website is complex, such as WooCommerce, Learning Management System (LMS), Online Booking/Reservation System, and want to have a personalized/customized Manifest and/or Service Worker solution, so different pages can have different routing strategies, different resources have different recipe configuration, different accounts have different precaching list, everyday has a new periodic background sync list… we can do the custom PWA development for you. It is a premium service. Please send an email to me, so we can have more communication.

Support

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

安裝方式

  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.

常見問題集

I find following error message in web browser console: hyper-pwa-register.js:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec.

Your website should have some cache plugin, such as WP Rocket. You should exclude following pages from the cache:
/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
such as for WP Rocket, you should do accordingly:
https://docs.wp-rocket.me/article/54-exclude-pages-from-the-cache

I find following error message in web browser console: hyper-pwa-manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.

Check the answer of the above question.

How to make App Icons?

https://www.pwabuilder.com/imageGenerator

How to make maskable App Icons?

https://maskable.app/editor

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

You can use following tool: https://www.webpagetest.org/ . In the Advanced Settings, you need to change Repeat View option from “First View Only” to “First View and Repeat View”.

How to validate/audit my website PWA status?

We use Google Chrome Lighthouse: https://developers.google.com/web/tools/lighthouse . You can google to find more tools.

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

You can use PWABuilder: https://www.pwabuilder.com/ to publish your PWA as an App.

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.

使用者評論

2022 年 2 月 9 日
I have tried many pWA plugins for our woocommernce website but one of all of them failed to perform and especailly no proper support. Then I find Hyper PWA plugin and it worked well. Support from Rickey is excellent and timely manner. He is very supportive and communication is polite.
2021 年 10 月 12 日
Far behind SuperPWA and PWA for WP. Read carefully in the dashboard because some settings are accessible but become chargeable after 90 days.

PWA

2021 年 8 月 2 日
After using this plugin, my website have passed lightinghouse pwa-audit
閱讀全部 3 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Hyper PWA〉的開發相關工作。

參與者

將〈Hyper PWA〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

= 2.13.0
* Improvement: Improve transient refresh.

= 2.12.0
(Fri., Aug. 19, 2022)
* Improvement: Improve cron job.

= 2.11.0
(Wed., May 25, 2022)
* Improvement: Improve plugin setting description.

2.10.0

(Fri., May 20, 2022)
* Remove: Manifest screenshots
* Remove: Manifest shortcuts
* Remove: Manifest related_applications

2.9.0

(Fri., Apr. 22, 2022)
* New Feature: Manifest screenshots
* New Feature: Manifest shortcuts
* New Feature: Manifest related_applications

2.8.0

(Sun., Apr. 10, 2022)
* Improvement: Combine the free and the premium version.

2.7.0

(Wed., Mar. 30, 2022)
* Improvement: Move Procedure to Tab.
* Bug Fix: Remove “browser primary” from Manifest Display.
* Improvement: Server side security.
* Improvement: Add Diagnosis.
* Improvement: Google Analytics.

2.6.0

(Sun., Mar. 20, 2022)
* Bug fix: JS version issue.
* Improvement: Manifest & Server Worker refresh issue.

2.5.0

(Sat., Mar. 19, 2022)
* Improvement: Merge Flex PWA with Hyper PWA.
* Bug fix: Remove “browser primary” from Manifest Display
* Improvement: Move Procedure to Tab

2.4.0

(Mon., Mar. 07, 2022)
* Improvement: Various optimizations.

2.3.0

(Thur., Feb. 10, 2022)
* Bug fix: Add to Home Screen icon issue.

2.2.0

(Thur., Jan. 27, 2022)
* Bug fix: for the error messages in PluginTests.

2.1.0

(Sun., Jan. 09, 2022)
* Improvement: Update premium features.

2.0.0

(Fri., Dec. 17, 2021)
* New Feature: Support Id property in manifest.
* Improvement: Rewrite server side with Express.

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