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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/web2py/09c2e628-98eb-4576-b7ea-33982c1bb66an%40googlegroups.com.
