Hey guys, I'm still here, struggling with the add to home PWA fucntionality. Has anyone found a solution? Please share or assist.
Regards On Monday, August 24, 2020 at 10:42:57 AM UTC+2 mostwanted wrote: > 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 web2py+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/web2py/09c2e628-98eb-4576-b7ea-33982c1bb66an%40googlegroups.com.