3. Service Workers

Activity 10: Communicating with the Service Worker

Solution:

1. Open the src/app/app.module.ts file in your editor.
2. Import SwPush and SwUpdate from @angular/service-worker:

   import { SwPush, SwUpdate } from '@angular/service-worker';

3. Add a constructor and inject SwPush and SwUpdate:

   constructor(public push: SwPush, private updates: SwUpdate) {
   }

4. Add the following lines in the constructor method:

   console.log('Push enabled: ', push.isEnabled);
   console.log('Updated enabled: ', updates.isEnabled);

Now when you create a new build of the app, you will see a message being printed in the console that tells the status of the SwPush and SwUpdate classes:

Figure 3.10: SwPush and SwUpdate messages in the console