ich versuche mittels django-pwa aus meinem bestehenden Projekt eine PWA zu machen.
Auf meinem lokalen Testsystem (django 4.0.1, django-pwa 1.1.0) hat dies wunderbar funktioniert. Auf dem Produktivsystem (django 4.0.3, django-pwa 1.1.0) habe ich ein Problem. Ich habe django-pwa nach dieser Anleitung https://github.com/silviolleite/django-pwa eingerichtet. Leider wird der ServiceWorker im Browser nicht registriert.
Manifest.json
Code: Alles auswählen
{
"name": "name",
"short_name": "short_name",
"description": "description",
"start_url": "/",
"display": "fullscreen",
"scope": "/",
"orientation": "any",
"background_color": "#ffffff",
"theme_color": "#0A0302",
"status_bar": "default",
"icons": [{"src": "/app.png", "sizes": "160x160"}],
"dir": "ltr",
"lang": "DE"
}Code: Alles auswählen
var staticCacheName = "django-pwa-v" + new Date().getTime();
var filesToCache = [
'/offline/',
'/static/css/django-pwa-app.css',
'/static/images/icons/icon-72x72.png',
'/static/images/icons/icon-96x96.png',
'/static/images/icons/icon-128x128.png',
'/static/images/icons/icon-144x144.png',
'/static/images/icons/icon-152x152.png',
'/static/images/icons/icon-192x192.png',
'/static/images/icons/icon-384x384.png',
'/static/images/icons/icon-512x512.png',
'/static/images/icons/splash-640x1136.png',
'/static/images/icons/splash-750x1334.png',
'/static/images/icons/splash-1242x2208.png',
'/static/images/icons/splash-1125x2436.png',
'/static/images/icons/splash-828x1792.png',
'/static/images/icons/splash-1242x2688.png',
'/static/images/icons/splash-1536x2048.png',
'/static/images/icons/splash-1668x2224.png',
'/static/images/icons/splash-1668x2388.png',
'/static/images/icons/splash-2048x2732.png'
];
// Cache on install
self.addEventListener("install", event => {
this.skipWaiting();
event.waitUntil(
caches.open(staticCacheName)
.then(cache => {
return cache.addAll(filesToCache);
})
)
});
// Clear cache on activate
self.addEventListener('activate', event => {
event.waitUntil(
caches.keys().then(cacheNames => {
return Promise.all(
cacheNames
.filter(cacheName => (cacheName.startsWith("django-pwa-")))
.filter(cacheName => (cacheName !== staticCacheName))
.map(cacheName => caches.delete(cacheName))
);
})
);
});
// Serve from Cache
self.addEventListener("fetch", event => {
event.respondWith(
caches.match(event.request)
.then(response => {
return response || fetch(event.request);
})
.catch(() => {
return caches.match('/offline/');
})
)
});
Ich habe im Moment keinen Lösungsansatz. Könnt ihr mir weiterhelfen?
Vielen Dank