Hey guys i'm still struggling with the *add to home screen* prompt, please
look at my code above & suggest something. Help me to get this to work. I
really need this functionality, please help me.
Regards;
Mostwanted
On Friday, May 29, 2020 at 12:46:38 AM UTC+2 mostwanted wrote:
> Ok! So far I have been able to get some aspects of my PWA project working,
> The issue is that I have to install the app manually from the browser's
> menu but it installs with its icon & it can be launched from the icon with
> a splash screen, that's a minor success, it also opens fully like a
> standalone app, another achievement, it shows its respecting the manifest
> file rules, Now the major problems are that offline functionality & a
> prompt by the browser to install the app on home screen are not working and
> apparently this is caused by a service worker that can not be detected! The
> error says:
>
> *"No matching service worker detected. You may need to reload page or
> check that the scope of the service worker for the current page encloses
> the scope of the start URL from the manifest."*
>
> I do not understand this message at all, I went through the internet
> looking for possible answers but none of them are clear! Some are saying
> the solution is to place the service worker in the root directory! But guys
> please forgive my ignorance but where is the web2py root directory?! If
> anyone has been able to overcome this issue or understands the solution to
> it i'd greatly appreciate your assistance, my site is being hosted by
> pythonanywhere I dont know if this matters (Root Directories & all)!
> This is my code below:
>
> *LAYOUT CODE:*
>
> <!---------------------------------PWA---------------------------------------------->
> <link rel="manifest" href="/init/static/manifest/manifest.json">
> <link rel="icon" href="/pwa/static/favicon.ico" type="image/x-icon" />
> <link rel="apple-touch-icon" href="/init/static/images/icon_152x152.png">
> <!--meta name="theme-color" content="#DE3C4B" /-->
> <meta name="viewport" content="width=device-width, initial-scale=1.0">
> <meta name="theme-color" content="white"/>
> <meta name="apple-mobile-web-app-capable" content="yes">
> <meta name="apple-mobile-web-app-status-bar-style" content="black">
> <meta name="apple-mobile-web-app-title" content="Hello World">
> <meta name="msapplication-TileImage"
> content="/init/static/images/icon_144x144.png">
> <meta name="msapplication-TileColor" content="#FFFFFF">
>
>
> <script src="/init/static/js/main.js"></script>
>
>
> *MAIN.JS*
> window.onload = () =>
> {
> 'use strict';
>
> if ('serviceWorker' in navigator) {
> navigator.serviceWorker.register('/init/static/js/sw.js');
> }
> }
>
>
> *SW.JS*
> var cacheName = 'hello-pwa';
> var filesToCache = [
> '/',
> '/init/',
> ];
>
> /* Start the service worker and cache all of the app's content */
> self.addEventListener('install', function(e) {
> e.waitUntil(
> caches.open(cacheName).then(function(cache) {
> return cache.addAll(filesToCache);
> })
> );
> });
>
> /* Serve cached content when offline */
> self.addEventListener('fetch', function(e) {
> e.respondWith(
> caches.match(e.request).then(function(response) {
> return response || fetch(e.request);
> })
> );
> });
>
>
> *MANIFEST.JSON*
> {
> "name": "Hello World",
> "short_name": "Hello",
> "lang": "en-US",
> "background_color": "#DE3C4B",
> "theme_color": "#DE3C4B",
> "icons": [
> {
> "src": "/init/static/images/icon_72x72.png",
> "sizes": "72x72",
> "type": "image/png"
> },
> {
> "src": "/init/static/images/icon_96x96.png",
> "sizes": "96x96",
> "type": "image/png"
> },
> {
> "src": "/init/static/images/icon_128x128.png",
> "sizes": "128x128",
> "type": "image/png"
> },
> {
> "src": "/init/static/images/icon_144x144.png",
> "sizes": "144x144",
> "type": "image/png"
> },
> {
> "src": "/init/static/images/icon_152x152.png",
> "sizes": "152x152",
> "type": "image/png"
> },
> {
> "src": "/init/static/images/icon_192x192.png",
> "sizes": "192x192",
> "type": "image/png"
> },
> {
> "src": "/init/static/images/icon_384x384.png",
> "sizes": "384x384",
> "type": "image/png"
> },
> {
> "src": "/init/static/images/icon_512x512.png",
> "sizes": "512x512",
> "type": "image/png"
> }
> ],
> "start_url": "/init",
> "scope": "/init",
> "display": "standalone"
>
> }
>
>
> Regards;
>
> Mostwanted
>
>
> On Wednesday, May 27, 2020 at 12:08:15 PM UTC+2, mostwanted wrote:
>>
>> Whats the simplest way to get my web2py application to prompt users to
>> add to screen? I have tried alot of things but none are working, there are
>> no prompts happening! Some say its only achievable through a PWA design, i
>> tried this
>> https://groups.google.com/forum/#!searchin/web2py/pwa$20me%7Csort:date/web2py/rHBfs1zFG44/gKS6EOmlAgAJ
>>
>>
>> nothing is working, if anyone has a way to achieve this with web2py i'd
>> appreciate your assistance.
>>
>> Regards;
>>
>> Mostwanted
>>
>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/web2py/24017abe-dbb0-43cf-b47c-a0ef137c9924n%40googlegroups.com.
