Upgrade to Pro — share decks privately, control downloads, hide ads and more …

As Maravilhas do Service Worker

PHP DF
October 19, 2016

As Maravilhas do Service Worker

Venha descobrir o que é o Service Worker e como adicioná-lo aos seus apps. Chega de depender da internet para ter o seu app rodando. by Leonn Leite (https://www.linkedin.com/in/leonnleite)

PHP DF

October 19, 2016
Tweet

More Decks by PHP DF

Other Decks in Programming

Transcript

  1. LEONN LEITE PHPDF PHPESTE MAJOR EM PHP MINOR EM JS

    SEXY SEM SER VULGAR @LEONN LEITE IRMÃO DO LENON PARA DIFEREN CIAR ELE É MAIS GORDO FAMILIA AMAZO- NENSE +LEONN LEITE /LEONN LEITE MAS SOU BRASILI- ENSE
  2. sw.js self.addEventListener('fetch', event => { event.respondWith( new Response('Hello PHPeste') );

    }); EM QUALQUER REQUISIÇÃO, VAI MOSTRAR A MENSAGEM HELLO PHPESTE
  3. sw.js self.addEventListener('fetch', event => { var url = new URL(event.request.url);

    if (url.pathname.endsWith('.jpg')) { event.respondWith( fetch('/toy-story.gif') ) } });
  4. sw.js self.addEventListener('fetch', event => { var url = new URL(event.request.url);

    if (url.pathname.endsWith('.jpg')) { event.respondWith( fetch('/toy-story.gif') ) } });
  5. sw.js self.addEventListener('fetch', event => { event.respondWith( fetch(event.request).catch(error => { return

    new Response('Ixi, deu ruim... ' + 'Você está offline e eu' + ' não posso fazer nada'); ) } });
  6. NO EVENT INSTALL DO SERVICE WORKER sw.js self.addEventListener('install', event =>

    { event.waitUntil( caches.open('phpeste-v1').then(function(response) { return cache.addAll([ ... ]); }) ); });
  7. REMOVE TODOS OS CACHES, QUE COMEÇAM COM PHPESTE- E QUE

    NÃO SEJA O PHPESTE-V1 caches.keys().then(function(cacheNames) { cacheNames.filter(function(cacheName) { return cacheName.startsWith('phpeste-') && cacheName != 'phpeste-v1'; }).map(function(cacheName) { return caches.delete(cacheName); }); })