← Înapoi în atelier
În culise

pwa-kit

Mica piesă care ajută aplicațiile web să funcționeze offline și să rămână la zi.

pwa-kit

Despre proiect

Mecanismul de actualizare de la Bitey, generalizat: un PWA care se actualizează singur și spune acest lucru ulterior, în loc să ceară permisiunea de care nu are nevoie.

Copiere sw.js şi pwa-update.js în rădăcina web a unei aplicații și conectați-le. Nu există nicio etapă de construcție, nici un bundler și zero dependențe - care este ideea: aceste aplicații sunt directoare statice.

Un nou lucrător de service se instalează și se activează imediat, fără a aștepta închiderea filelor. Fiecare fereastră deschisă finalizează în siguranță munca curentă înainte de a se reîncărca fără probleme în cea mai recentă versiune.

Galerie

Funcționalități

  • ⚡ Activare imediată: Noi lucrători instalează și preiau controlul fără ca lucrătorii învechiți să zăbovească zile întregi în filele deschise ale browserului.
  • 🛡️ Protecția muncii nesalvate (isBusy): Lucrătorul întreabă mai degrabă decât să navigheze orbește; paginile amână reîncărcările până când modificările în așteptare sau stările formularelor sunt rezolvate în siguranță.
  • 🌐 Rețea-First Freshness: Solicitările online câștigă întotdeauna pentru a se asigura că modificările implementate vor avea efect chiar la următoarea reîncărcare, revenind în cache atunci când sunt offline.
  • 🔔 Notificări pentru stocarea sesiunii curate: Evită poluarea șirurilor de interogări URL cu semnalizatoare de actualizare, informând utilizatorii în mod curat prin toast-uri în aplicație.
  • 🚨 Trapă de evacuare în cache încorporată: Include un mecanism de anulare a înregistrării în caz de urgență și un mecanism de blocare a memoriei cache pentru clienții blocați.