Stripe In Practice Course

Author: Your Name

src/app/home/home.component.ts

@@ -3,6 +3,7 @@ import {Course} from '../model/course';
 import {Observable} from 'rxjs';
 import {map} from 'rxjs/operators';
 import {CoursesService} from '../services/courses.service';
+import {CheckoutService} from '../services/checkout.service';
 
 
 @Component({
@@ -21,7 +22,8 @@ export class HomeComponent implements OnInit {
     processingOngoing = false;
 
     constructor(
-      private coursesService: CoursesService) {
+      private coursesService: CoursesService,
+      private checkout: CheckoutService) {
 
     }
 
@@ -46,7 +48,14 @@ export class HomeComponent implements OnInit {
 
 
   subscribeToPlan() {
-
+        this.checkout.startSubscriptionCheckoutSession("STRIPE_MONTHLY")
+            .subscribe(
+                session => this.checkout.redirectToCheckout(session),
+                err => {
+                    console.log("Error creating checkout session", err);
+                    this.processingOngoing = false;
+                }
+            );
   }
 
 }

src/app/services/checkout.service.ts

@@ -34,6 +34,16 @@ export class CheckoutService {
         }, {headers})
     }
 
+    startSubscriptionCheckoutSession(pricingPlanId:string): Observable<CheckoutSession> {
+
+        const headers = new HttpHeaders().set("Authorization", this.jwtAuth);
+
+        return this.http.post<CheckoutSession>("/api/checkout", {
+            pricingPlanId,
+            callbackUrl: this.buildCallbackUrl()
+        }, {headers})
+    }
+
     buildCallbackUrl() {
 
         const protocol = window.location.protocol,