Implementing the PWA requirements

To perform the required implementation steps that we’ve focused on in the previous section, we have two choices:

• Perform a manual update of our app’s source code
• Use the automatic installation feature provided by the Angular CLI

To learn the most from the experience, both of these paths should be taken at least once. Luckily enough, we have two existing Angular apps to experiment with. Therefore, we’ll take the manual route for our HealthCheck app first, then we’ll experience the automatic CLI setup for the WorldCities app.

Manual installation

In this section, we’ll see how to manually implement the required technical steps we’re still missing to make our HealthCheck app fully compliant with the PWA requirements.

Let’s briefly recap them:

1. Add the @angular/service-worker npm package (package.json)
2. Enable service worker support in the Angular CLI...