PWA (Progressive Web App)

taciturasa

I’m guessing some platform out there uses it. Apple? Maybe since Flarum is awesome it overrides that with your forum colors automatically?

010101 It may very well just be Flarum ignoring the setting and overriding it with its own. This is indeed the meta tag used for color on Chrome, Apple, etc., as well as what colors the colorbar on Discord or Slack link unfurls.

thedd

010101 this extension is not working for mine. I don't see a + button to add my flarum to desktop and mobile

added sw.js and site.webmanifest files to flarum root folder

-paste this code to sw.js
-and this code to site.webmanifest
and installed the extension composer require zerosonesfun/pwa
clear cache,

and after I tried deleting the two files from the root folder and adding the files to public /var/www/flarum/public folder too, but still not working

010101

thedd Go to yourwebsite.com/sw.js . Of course replace yourwebsite with your domain. Do you see the JavaScript code? If not then you don’t have the files in the right place. If you are able to pull up the JavaScript then it’s a cache issue. You have to clear Flarum’s cache plus your browser’s cache. Sometimes you have to do a rain dance and then clear the caches again. 🙂

mskian

thedd Put the Manifest and service worker file inside the Public Folder

Clear Flarum cache
clear Browser cache

thedd

010101 mskian I'm able to sw.js file in mywebsite/sw.js and clear the cache php flarum cache:clear and chrome cache too but I don't see an install icon

thedd

thedd works after setting up SSL

Th0mC

Hi there 🙂
I really want (my users too 🙂 ) this working. Thanks for the extension.
As thedd
I added sw.js and site.webmanifest files to flarum root folder
-paste the code to sw.js
-and the code to site.webmanifest
and installed the extension composer require zerosonesfun/pwa
clear flarum cache, clear Safari iOS cache
And I have ssl activated 🙂
But when I add the website from safari to the homescreen, I just get a weblink to the site in safari.
I don't know where could be the issue 🙁
Just one thing, flarum is installed in a subdirectory on mywebsite https://lafabriq.org/forum and that's where I put the files.
Thanks for your help

nitaaikumar

How is this extension different from just putting the manifest and service worker file in the root of the forum and adding the relevant custom headers? Thanks.

brian85

nitaaikumar I'm asking the same, I've made my own PWA a few days before this extension.

010101

nitaaikumar It’s not much different than that. Although this extension’s service worker includes a very basic offline page too. Which you could also do yourself manually.

This extension is for someone who doesn’t want to have to add the code that goes in the site’s head. Or doesn’t know how. And also, it gives you a complete manifest and service worker file.

In other words, if you don’t know how to make your Flarum site a progressive web app but you want it to be one, you could use this extension.

010101

I just witnessed the cached offline page which comes with this extension work in the wild for the first time. My Internet connection temporarily stopped working and sure enough, when I refreshed the page at my forum, instead of getting a default browser connection error page, I got the PWA offline cached page. Which is kind of nice.

Now, the offline page that comes with this extension is extremely minimal. If you're pretty good with HTML/CSS/JavaScript you can edit the offline.html file that comes with this extension and make something extravagant if you wanted to. Maybe a fun little game for users to play while their Internet, or the site, is down. 🙂

[deleted]

010101 One thing I've noticed is that even with the extension disabled, I witnessed a variety of odd caching issues. I deleted the 2 files from the root, and now the problem with caching has gone.

Something to be aware of.

010101

[deleted] If you were using one of the first releases, yes, there were major caching issues. But, the latest release doesn't cache much. Except for the offline page I've mentioned.

[deleted]

010101 I'm fairly sure I had the most up to date version

010101

[deleted] You could have had old cached files in your browser from a previous version. After switching versions I had to go into my chrome dev console and clear cookies and cache, from the application tab. There’s also a spot to clear the manifest that it has stored. I noticed the standard browser cache clear sometimes wasn’t quite doing it. Plus, if you use Cloudflare that’s of course another culprit.

I just know that the latest version doesn’t cache (unfortunately, I actually wish it did) and so it seems like a coincidence that removing the files fixed something related to caching.

But, who knows. I’ve heard of weirder things happening. It seems like sometimes each server or hosting set up can treat things differently.

SampaioLeal

this extension + webpush notifications is so beautiful <3

Th0mC

SampaioLeal this extension + webpush notifications is so beautiful <3

I'm more than interested to get notification on my phone. Is it what you mean?
Can you give some details on how to get this ? Thx

fakruzaruret

Thank you.

fakruzaruret

Can we generate PWA via usin https://www.pwabuilder.com/generate website for Flarum?

010101

fakruzaruret Yes, that is what I used for this extension. The main thing this extension does is it ensures that the appropriate code gets called in the head of your site. But, you could use a generator like the one you are pointing out, create the necessary files, and do it that way. As long as you know how to call the files from your Flarum's head. If you don't know how, here you go: https://discuss.flarum.org/d/20162-how-to-add-to-head-head

fakruzaruret

010101 yes calling files from head is difficult for me 😀 Thank you very much.

010101

Th0mC It sounds like it could be working. Progressive Web Apps open in a web browser.

« Previous Page Next Page »