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

DSW - Dynamic Service Workers

DSW - Dynamic Service Workers

Very configurable, powerful and yet simple Service Worker generator based on your rules, described in a json file*.

It may use JavaScript files as well.

Felipe Nascimento de Moura

November 14, 2016
Tweet

More Decks by Felipe Nascimento de Moura

Other Decks in Programming

Transcript

  1. Meet DSW
    $ npm install -g dsw

    View full-size slide

  2. DSW - import and .setup

    View full-size slide

  3. dswfile.json

    View full-size slide

  4. DSW - Not found HTML

    View full-size slide

  5. DSW - not found images

    View full-size slide

  6. DSW - caching images

    View full-size slide

  7. DSW - Redirecting

    View full-size slide

  8. DSW - Redirect with variables

    View full-size slide

  9. DSW - caching css and js

    View full-size slide

  10. DSW - Output String

    View full-size slide

  11. DSW - IndexedDB

    View full-size slide

  12. DSW - Push Notifications

    View full-size slide

  13. Sandbox
    $ npm run try
    - Test manually
    - Read the examples
    - Links to the rules descriptors

    View full-size slide

  14. Unit Testing

    View full-size slide

  15. Future
    - Unit tests for you webapp
    - Extensions
    - Visual Tool for the tracing data

    View full-size slide

  16. Future
    - Unit tests for you webapp
    - Extensions
    - Visual Tool for the tracing data
    - Accepting suggestions :)

    View full-size slide

  17. URLs
    - Github: https://github.com/NascHQ/dsw
    - NPM: https://www.npmjs.com/package/dsw
    - Configuration sample: https://naschq.github.io/dsw/config-example.html

    View full-size slide

  18. Thank you!
    @felipeNmoura
    (github || facebook) / felipenmoura
    felipenmoura.com

    View full-size slide