You can also use this approach https://groups.google.com/d/msg/web2py/W4cbtIDNoSA/Lb0bTJilAgAJ. It works fine for me.
On Friday, October 11, 2019 at 7:06:26 AM UTC+1, mostwanted wrote: > > Hi @Valdeck Rowe, i wan to know if this approach worked for you in your > PWA development. Were there any developments or changes to this approach? > I am asking because i was hoping to use your approach in my desperate > attempt at making one of my apps a PWA. > > Regards; > > Mostwanted > > On Wednesday, October 10, 2018 at 11:25:25 AM UTC+2, Valdeck Rowe wrote: >> >> >> I decided to use upup.js by Tal Ater, website here: >> https://www.talater.com/upup/getting-started-with-offline-first.html, >> mainly because I had a project deadline and needed something with a short >> learning curve. >> >> The main thing about PWAs appears to be that the service worker >> javascript files need to be accessible from the domain root. >> >> Warning - this is all very hackish - I wasn't sure how to get a file to >> appear as if it was on the actual domain root. >> >> I tried setting it up using a controller to serve as the base for the JS >> and manifest files in order to mimic the root. >> >> This is the controller setup: >> def manifest(): >> item = db(db.item.id > 0).select().first() >> return locals() >> >> >> def upup(): >> return locals() >> >> >> def upup_sw(): >> return locals() >> >> >> >> manifest.json >> { >> "name": "{{=item.name}}", >> "short_name": "{{=item.slugname}}", >> "theme_color": "#2196f3", >> "background_color": "rgba(243,216,33,0.62)", >> "display": "standalone", >> "Scope": "/app2/items/", >> "start_url": "/app2/items/", >> "icons": [ >> { >> "src": "{{=URL('static', 'images/icons/icon-72x72.png', >> scheme='https', host=True)}}", >> "sizes": "72x72", >> "type": "image/png" >> }, >> { >> "src": "{{=URL('static', 'images/icons/icon-96x96.png', >> scheme='https', host=True)}}", >> "sizes": "96x96", >> "type": "image/png" >> }, >> { >> "src": "{{=URL('static', 'images/icons/icon-128x128.png', >> scheme='https', host=True)}}", >> "sizes": "128x128", >> "type": "image/png" >> }, >> { >> "src": "{{=URL('static', 'images/icons/icon-144x144.png', >> scheme='https', host=True)}}", >> "sizes": "144x144", >> "type": "image/png" >> }, >> { >> "src": "{{=URL('static', 'images/icons/icon-152x152.png', >> scheme='https', host=True)}}", >> "sizes": "152x152", >> "type": "image/png" >> }, >> { >> "src": "{{=URL('static', 'images/icons/icon-192x192.png', >> scheme='https', host=True)}}", >> "sizes": "192x192", >> "type": "image/png" >> }, >> { >> "src": "{{=URL('static', 'images/icons/icon-384x384.png', >> scheme='https', host=True)}}", >> "sizes": "384x384", >> "type": "image/png" >> }, >> { >> "src": "{{=URL('static', 'images/icons/icon-512x512.png', >> scheme='https', host=True)}}", >> "sizes": "512x512", >> "type": "image/png" >> } >> ], >> "splash_pages": null >> } >> >> >> >> upup.js # I simply copied the contents >> //! UpUp >> //! version : 1.0.0 >> //! author : Tal Ater @TalAter >> //! license : MIT >> //! https://github.com/TalAter/UpUp >> (function(e){"use strict";var t=navigator.serviceWorker;if(!t)return this >> .UpUp=null,e;var n={"service-worker-url":"{{=URL('items', 'upup_sw.js', >> scheme=True, )}}"},r=!1,s="font-weight: bold; color: #00f;";this.UpUp={ >> start:function(e){this.addSettings(e),t.register(n["service-worker-url" >> ],{scope:"./app2/items/"}).then(function(e){r&&console.log("Service >> worker registration successful with scope: %c"+e.scope,s);(e.installing|| >> t.controller||e.active).postMessage({action:"set-settings",settings:n >> })}).catch(function(e){r&&console.log("Service worker registration >> failed: %c"+e,s)})},addSettings:function(t){"string"==typeof(t=t||{})&&(t >> ={content:t}),["content","content-url","assets","service-worker-url", >> "cache-version"].forEach(function(r){t[r]!==e&&(n[r]=t[r])})},debug: >> function(e){r=!(arguments.length>0)||!!e}}}).call(this); >> //# sourceMappingURL=upup.js.map >> >> >> >> upup_sw.js >> //! UpUp Service Worker >> //! version : 1.0.0 >> //! license : MIT >> //! https://github.com/TalAter/UpUp >> var _CACHE_NAME_PREFIX="upup-cache",_calculateHash=function(e){var t,n=0, >> s=(e=e.toString()).length;if(0===s)return n;for(t=0;t<s;t++)n=(n<<5)-n+e. >> charCodeAt(t),n|=0;return n};self.addEventListener("message",function(e){ >> "set-settings"===e.data.action&&_parseSettingsAndCache(e.data.settings >> )}),self.addEventListener("fetch",function(e){e.respondWith(fetch(e. >> request).catch(function(){return caches.match(e.request).then(function(t >> ){return t||("navigate"===e.request.mode||"GET"===e.request.method&&e. >> request.headers.get("accept").includes("text/html")?caches.match( >> "sw-offline-content"):void 0)})}))});var _parseSettingsAndCache=function( >> e){var t=_CACHE_NAME_PREFIX+"-"+(e["cache-version"]?e["cache-version"]+ >> "-":"")+_calculateHash(e.content+e["content-url"]+e.assets);return caches >> .open(t).then(function(t){return e.assets&&t.addAll(e.assets.map(function >> (e){return new Request(e,{mode:"no-cors"})})),e["content-url"]?fetch(e[ >> "content-url"],{mode:"no-cors"}).then(function(e){return t.put( >> "sw-offline-content",e)}):e.content?t.put("sw-offline-content", >> _buildResponse(e.content)):t.put("sw-offline-content",_buildResponse("You >> are offline"))}).then(function(){return caches.keys().then(function(e){ >> return Promise.all(e.map(function(e){if(e.startsWith(_CACHE_NAME_PREFIX >> )&&t!==e)return caches.delete(e)}))})})},_buildResponse=function(e){ >> return new Response(e,{headers:{"Content-Type":"text/html"}})}; >> //# sourceMappingURL=upup_sw.js.map >> >> >> >> The main issue I'm having so far is getting a 404 error when trying to >> load the service worker file (upup_sw.js) which I think is a path issue >> (inside upup.js). >> >> Any ideas? >> > -- 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/5c5bdef5-311e-463e-a604-e1c207865b63%40googlegroups.com.
