MyBB Community Forums

Full Version: Converts MyBB into Progressive Web Apps and Accelerated Mobile Pages styles.
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3
PWA+AMP MyBB
################
version: 2.4.0
last updated: Sat., May 01, 2020

Description
++++++++++++++++
Converts MyBB into Progressive Web Apps and Accelerated Mobile Pages styles.

Highlight
++++++++++++++++
AMP can only work based on HTTPS -- you need to update your server to support SSL/HTTPS.

Open Issues
++++++++++++++++
* https://github.com/GoogleChrome/lighthouse/issues/7158
* https://github.com/SuperPWA/Super-Progre...issues/105

Infrastructure
++++++++++++++++
This version is developed based on MyBB version from 1.8.0 to 1.8.22.

Download
++++++++++++++++
-- GitHub: https://github.com/rickey29/pwamp-mybb
-- MyBB Plugins Libraries: https://community.mybb.com/mods.php?acti...w&pid=1364

Installation
++++++++++++++++

step 0:
================
Assume your MyBB website is located at: "http://yoursite.com".

step 1:
================
Extract PWA+AMP MyBB zip package on your PC, you will get a "pwamp" directory.

step 2:
================
Upload following file and directory within above "pwamp" directory
-- pwamp.php
-- pwamp (folder with other files & sub-folders)

to your website "/inc/plugins" directory, so you will have follow new file and directory:
-- http://yoursite.com/inc/plugins/pwamp.php
-- http://yoursite.com/inc/plugins/pwamp (folder with other files & sub-folders)

step 3:
================
Browse to Admin Control Panel -> Configuration -> Plugins, find "PWA+AMP MyBB" plugin, click the "Activate" link to activate it.

Configuration
++++++++++++++++
None.

Upgrade Notice
++++++++++++++++
None.

Uninstallation
++++++++++++++++

step 0:
================
Assume your MyBB website is located at: "http://yoursite.com".

step 1:
================
Navigate to Admin Control Panel -> Configuration -> Plugins, find "PWA+AMP MyBB" plugin, click the "Deactivate" link to deactivate it.

step 2:
================
If you want to uninstall the plugin permanently, you should delete following file and directory within your website:
-- http://yoursite.com/inc/plugins/pwamp.php
-- http://yoursite.com/inc/plugins/pwamp (folder with other files & sub-folders)

Frequently Asked Questions
++++++++++++++++

How to check my website AMP validation status?
================
I use Chrome AMP Validator Extension: https://chrome.google.com/webstore/detai...poocbbmknc .  You can Google to find more solution.

How to audit my website PWA validation status?
================
I use Chrome Lighthouse Extension: https://chrome.google.com/webstore/detai...mmfjpmpbjk .  You can Google to find more solution.

How to add website to mobile device home screen?
================
You can Google to find the solution, for example, this one: https://www.howtogeek.com/196087/how-to-...or-tablet/ .

History
++++++++++++++++
version 2.4.0 (Sat., May 01, 2020)
-- code optimization

version 2.3.0 (Wed., Apr. 15, 2020)
-- improvement: Support more form post functions.

version 2.2.0 (Sat., Apr. 11, 2020)
-- bug fix: Add support for language file to other languages, instead of only to English.

version 2.1.0 (Fri., Apr. 10, 2020)
-- bug fix: Corrupt PNG image causes non-recoverable fatal PHP error

version 2.0.0 (Fri., Apr. 10, 2020)
-- improvement: re-write transcoding section

version 1.0.0 (Fri., Jun. 28, 2019)
-- new feature: inline with PWAMP phpBB 3.2

version 0.1.0 (Wed., May 15, 2019)
-- prototype development

Support
++++++++++++++++
author: Rickey Gu
web: https://flexplat.com
email: [email protected]
twitter: @rickey29

Copyright and Disclaimer
++++++++++++++++
This application is open-source software released under the GNU Lesser General Public License Version 3: "http://fsf.org/".
MyBB Internal: One or more warnings occurred. Please contact your administrator for assistance.

why?
Really nice plugin...👍🏼👍🏼
(2019-12-08, 04:59 PM)Stage4000 Wrote: [ -> ]MyBB Internal: One or more warnings occurred. Please contact your administrator for assistance.

why?
Could you wait some time to use this plugin?  I am trying to re-write my work: right now, I can only provide AMP friendly theme based on MyBB default theme; my new solution is converting every MyBB theme to AMP friendly.  It will take some time to make it.  I will look at your issue based on my new code.
(2019-12-08, 04:59 PM)Stage4000 Wrote: [ -> ]MyBB Internal: One or more warnings occurred. Please contact your administrator for assistance.

why?

Hi Stage4000,

I am very sorry for the delay.  I update my code right now.  Could you install my latest package and try?  If there is any problem, send your website URL to me by PM or email, I will do more checking for you.

Good luck!

Rickey
I've installed this and I don't get the activation link.
(2020-04-22, 02:53 PM)Seeker-Smith Wrote: [ -> ]I've installed this and I don't get the activation link.

Hi Seeker-Smith,

You mean you have some trouble when you install the plugin; or you have some trouble when you use it?

For installation, you need follow the installation section in my package readme.txt.  For usage, it is better you follow the Frequently Ask Questions section in my package readme.txt, especially the first two question/answer.

If there are some AMP validation errors for your website, PM me your website URL, so I can do more checking.

Any question, feel free to ask me.  I will try to help.

Rickey
(2020-04-22, 09:30 PM)rickey29 Wrote: [ -> ]
(2020-04-22, 02:53 PM)Seeker-Smith Wrote: [ -> ]I've installed this and I don't get the activation link.

Hi Seeker-Smith,

You mean you have some trouble when you install the plugin; or you have some trouble when you use it?

For installation, you need follow the installation section in my package readme.txt.  For usage, it is better you follow the Frequently Ask Questions section in my package readme.txt, especially the first two question/answer.

If there are some AMP validation errors for your website, PM me your website URL, so I can do more checking.

Any question, feel free to ask me.  I will try to help.

Rickey


Hi Rickey
I've installed this twice and I cannot find a way to activate the plugin. I'm using the default theme and I can't find a link in plugins or the config menu.
(2020-04-24, 04:49 PM)Seeker-Smith Wrote: [ -> ]
(2020-04-22, 09:30 PM)rickey29 Wrote: [ -> ]
(2020-04-22, 02:53 PM)Seeker-Smith Wrote: [ -> ]I've installed this and I don't get the activation link.

Hi Seeker-Smith,

You mean you have some trouble when you install the plugin; or you have some trouble when you use it?

For installation, you need follow the installation section in my package readme.txt.  For usage, it is better you follow the Frequently Ask Questions section in my package readme.txt, especially the first two question/answer.

If there are some AMP validation errors for your website, PM me your website URL, so I can do more checking.

Any question, feel free to ask me.  I will try to help.

Rickey


Hi Rickey
I've installed this twice and I cannot find a way to activate the plugin. I'm using the default theme and I can't find a link in plugins or the config menu.

My plugin does not have a configuration page/menu, so you can not find any activate link/button (at this configuration page/menu).  After you install my plugin (according to my readme.txt Installation section), the plugin is already activated.  It is totally automatically, you need not do anything.

The way to verify my plugin is working/useful, is you do according to my readme.txt Frequently Asked Questions section.  In detail:

1. Open your website from desktop Chrome web browser, switch to developer mode, go to Audit menu/page, generate a performance report.  If you find your website's performance is improved, and can pass Progress Web Apps (PWA) testing, that means my plugin is working.

2. Install Accelerated Mobile Pages (AMP) validator extension:
https://chrome.google.com/webstore/detai...poocbbmknc
at your desktop Chrome web browser, then open your website from this desktop Chrome.  Before you install my plugin, the icon of the AMP validator extension is in gray color (the current page is not an AMP one); after you install, the color is either green (the current page dose not have any AMP error) or red (has AMP errors).

3. Go to your mobile phone, open your website from mobile web browser, generate an icon to the home screen.  Then, every time, open your website from this icon -- it makes your website almost like an Apps.

PM me your website URL, so I can do more checking.
This, I don't see this:

Browse to "Admin Control Panel", select "Plugins" menu under "Configuration" category, click the "Activate" link to install/activate "PWA+AMP MyBB 1.8".
Pages: 1 2 3