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

Setting up GitHub pages for SSL

Service workers are designed to run only across HTTPS. So, in order for us to test our code, we need our web pages to be delivered across HTTPS. GitHub pages are served across HTTPS and it's free to use. So let's get on with it.

Getting ready

Before registering for a GitHub account, please make sure you have a valid e-mail address.

How to do it...

Follow these instructions to set up GitHub pages:

Head over to GitHub (https://github.com) and register yourself to obtain an account, if you don't have one already.
Once you have done that, log in and create a new repository with the following format:
username.github.io, where username is your username.
If the first part of the repository doesn't match your username exactly, it won't work.

Open your command-line window and clone your repository.

$ git  clone https://github.com/username/username.github.io

Change the directory to username.github.io:
```
$ cd username.github.io
```
Create a directory called service-workers:
```
$ mkdir service-workers
```
Create an index.html file with some text:
```
$ echo "Service Workers" > index.html
```

Now let's commit and push our changes to the repository:

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

Open up a browser and go to http://username.github.io/service-workers/.

Visually different images

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