Angular PWA Course

Author: Your Name

server/server.ts

@@ -13,12 +13,19 @@ const vapidKeys = {
     privateKey: "TODO"
 };
 
+
+/*
+
+   TODO - uncomment after generating your VAPID key
+
 webpush.setVapidDetails(
     'mailto:example@yourdomain.org',
     vapidKeys.publicKey,
     vapidKeys.privateKey
 );
 
+*/
+
 
 const app: Application = express();
 

src/app/lessons/lessons.component.html

@@ -9,7 +9,7 @@
 
     </div>
 
-    <h2>All Lessons - V8</h2>
+    <h2>All Lessons - V10</h2>
 
     <table class="table lessons-list card card-strong">
         <tbody>

src/app/lessons/lessons.component.ts

@@ -15,10 +15,11 @@ export class LessonsComponent implements OnInit {
     lessons$: Observable<Lesson[]>;
     isLoggedIn$: Observable<boolean>;
 
-    readonly VAPID_PUBLIC_KEY = "TODO";
+    readonly VAPID_PUBLIC_KEY = "BEcGS3q-oXT26Gu20Rk5xQ-b5kQr2mdNeXo0l3YJfxq4r-lki16Cp9CSKF0IWy_hETKgJGJQpH5HfuSE8NkHIlU";
 
     constructor(
         private lessonsService: LessonsService,
+        private swPush: SwPush,
         private newsletterService: NewsletterService) {
 
     }
@@ -34,7 +35,20 @@ export class LessonsComponent implements OnInit {
 
     subscribeToNotifications() {
 
+        this.swPush.requestSubscription({
+            serverPublicKey: this.VAPID_PUBLIC_KEY
+        })
+        .then(sub => {
 
+            console.log("Notification Subscription: ", sub);
+
+            this.newsletterService.addPushSubscriber(sub).subscribe(
+                () => console.log('Sent push subscription object to server.'),
+                err =>  console.log('Could not send subscription object to server, reason: ', err)
+            );
+
+        })
+        .catch(err => console.error("Could not subscribe to notifications", err));
 
     }
 

src/app/services/newsletter.service.ts

@@ -13,7 +13,7 @@ export class NewsletterService {
     }
 
     addPushSubscriber(sub:any) {
-
+        return this.http.post('/api/notifications', sub);
     }
 
     send() {