Progressive Web Apps (PWA) v 2025

PWA — veb-prilozheniya s nativnym UX: offline rabota, push-uvedomleniya, ustanovka na domashniy ekran.

Core Technologies

• Service Worker: Fonovye skripty dlya keshirovaniya
• Web App Manifest: Metadannye prilozheniya
• HTTPS: Obyazatelnoe trebovanie

Service Worker

// service-worker.jsconst CACHE_NAME = 'v1';const urlsToCache = ['/', '/styles.css', '/app.js'];

self.addEventListener('install', event => {  event.waitUntil(    caches.open(CACHE_NAME)      .then(cache => cache.addAll(urlsToCache))  );});

self.addEventListener('fetch', event => {  event.respondWith(    caches.match(event.request)      .then(response => response || fetch(event.request))  );});

Web App Manifest

{  "name": "My App",  "short_name": "App",  "start_url": "/",  "display": "standalone",  "background_color": "#fff",  "theme_color": "#000",  "icons": [...]}

Push Notifications

Web Push API dlya re-engagement:

// Podpiskaconst subscription = await serviceWorker.pushManager.subscribe({  userVisibleOnly: true,  applicationServerKey: urlBase64ToUint8Array(publicKey)});

PWA vs Native Apps