Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Service Worker Development Cookbook

By : Sean Amarasinghe

3.5 (2)

Service Worker Development Cookbook

3.5 (2)

By: Sean Amarasinghe

Overview of this book

It would be nice to have web apps that work offline and send push notifications. This is now possible with Service Workers, which can add native-like functionality to your web apps without requiring a download. This book will get your mobile and web apps functioning without Internet connectivity, improve performance and network interaction in order to increase the level of availability, and show you how to build performant applications that seamlessly integrate with third-party APIs. We’ll show you how to add Service Worker functionality to web apps and sites, access offline content through basic and advanced techniques, and build powerful interactive system notifications. We’ll also teach you about cache functionality and assets to provide immediate load even over narrow connections. We conclude by giving you various tips to improve app performance, including the background sync technique. By the end of this book, you’ll know build high performing and faster web and mobile applications with Service Workers.

Preface

Preface

What this book covers

What you need for this book

Conventions

Reader feedback

Customer support

Free Chapter

1. Learning Service Worker Basics

1. Learning Service Worker Basics

Introduction

Setting up service workers

Setting up SSL for Windows

Setting up SSL for Mac

Setting up GitHub pages for SSL

Registering a service worker

Registering a service worker in detail

Debugging

Providing a stale version on error

Creating mock responses

Handling request timeouts

2. Working with Resource Files

2. Working with Resource Files

Introduction

Displaying a custom offline page

Loading images offline

Loading CSS offline

Loading fonts offline

Implementing multiple fetch handlers

Fetching remote resources

3. Accessing Offline Content

3. Accessing Offline Content

Introduction

Caching critical resources for offline use

Showing cached content first

Implementing a cache and network race

Using window.caches

Implementing stale-while-revalidate

4. Accessing Offline Content with Advanced Techniques

4. Accessing Offline Content with Advanced Techniques

Introduction

Templating

Implementing read-through caching

Allowing offline Google Analytics

Allowing offline user interaction

Implementing selective caching

5. Reaching Beyond the Offline Cache

5. Reaching Beyond the Offline Cache

Introduction

Getting network responses offline

Caching content from ZIP

Selecting the best content provider (load balancer)

Redirecting a request

Setting request headers

Making a service worker act like a remote server

Making a service worker act as a dependency injector

Forcing immediate control

Implementing fallback responses

Deferring offline requests

6. Working with Advanced Libraries

6. Working with Advanced Libraries

Introduction

Working with global APIs

Implementing a circuit breaker

Implementing a dead letter queue

Logging API analytics

Working with Google Analytics

7. Fetching Resources

7. Fetching Resources

Introduction

Fetching remote resources

Fetching with FetchEvent

Fetching a JSON file during service worker installation

Proxying

Prefetching

8. Experimenting with Web Push

8. Experimenting with Web Push

Introduction

Implementing a simple push notification

Showing rich notifications

Using the notification tag

Implementing push clients

Subscribing to push notifications

Managing push notification quotas

9. Looking at General Usage

9. Looking at General Usage

Introduction

Taking immediate control of the page

Working with slow responses

Relaying messages

Using a service worker as a proxy middleware

Using a service worker with a live flowchart

10. Improving Performance

10. Improving Performance

Introduction

Performing network requests from a cache

Performing network requests from a network

Testing waitUntil

Implementing background sync

Sending forward requests

Avoiding model fetching and render times

Index

Index

Conventions

In this book, you will find a number of styles of text that distinguish between different kinds of information. Here are some examples of these styles, and an explanation of their meaning.

Code words in text, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles are shown as follows: "The skipWaiting() method is used inside the active event handler, which in turn uses Clients.claim()."

A block of code is set as follows:

self.oninstall = function(event) {
  event.waitUntil(
    fetch(zipURL)
      .then(function(res) {
        return res.arrayBuffer();
      })
      .then(getZipFileReader)
      .then(cacheFileContents)
      .then(self.skipWaiting.bind(self))
  );
};

Any command-line input or output is written as follows:

$ git add –all
$ git commit -m "initial commit"
$ git push -u origin master

New terms and important words are shown in bold. Words that you see on the screen, in menus or dialog boxes, for example, appear in the text like this: "Finally, in the sidebar on the left-hand side, select Credentials."

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Service Worker Development Cookbook

Search

Your notes and bookmarks