ATTENZIONE: Questo sito impiega diversi tipi di cookies. Alla pagina MAGGIORI INFORMAZIONI è possibile avere informazioni aggiuntive. Cliccando su ACCETTO o continuando a navigare sul sito acconsenti al loro utilizzo.
<ottobre 2021>
lunmarmergiovensabdom
27282930123
45678910
11121314151617
18192021222324
25262728293031
1234567

ASP.NET - PWA - Progressive Web App


Pubblicato il 02/04/2021
Letto 63 volte





Per trasformare un sito newt in una PWA bisogna fare tre passi:

Creare un folder dedicato al sito newt nel path reale /newt/<NOME_SITO>

Creare il file manifest.json nel folder, il cui contenuto può essere del tipo:

{
"short_name": "newtcms",
"name": "newt CMS",
"icons": [
{
"src": "/newt/newtcms/newtcms192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "/newt/newtcms/newtcms512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": "/newt/newtcms/",
"scope": "/newt/newtcms/",
"background_color": "#3367D6",
"display": "fullscreen",
"theme_color": "#3367D6"
}

Creare il file serviceworker.js il cui contenuto può essere del tipo:

self.addEventListener('install', event => {
console.log('Service worker installing...');
// Add a call to skipWaiting here
});

self.addEventListener('activate', event => {
console.log('Service worker activating...');
});

self.addEventListener('fetch', event => {
console.log('Fetching:', event.request.url);
});

Creare nel folder il file default.html col seguente codice:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="manifest" href="/newt/newtcms/manifest.json">
<meta name="theme-color" content="#3367D6" />
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/newt/newtcms/serviceworker.js')
.then(registration => {
console.log('Service Worker is registered', registration);
})
.catch(err => {
console.error('Registration failed:', err);
});
});
}
</script>
</head>
<body>
<h1>newtCMS PWA</h1>
<a href="/newt/newtcms">Accedi alla PWA</a>
</body>
</html>

 

Notifiche