Stripe In Practice Course

Author: Your Name

server/checkout.route.ts

@@ -31,7 +31,10 @@ export async function createCheckoutSession(req: Request, res: Response) {
 
         console.log(session);
 
-        res.status(200).send();
+        res.status(200).json({
+            stripeCheckoutSessionId: session.id,
+            stripePublicKey: process.env.STRIPE_PUBLIC_KEY
+        });
 
     }
     catch(error) {

src/app/courses-card-list/courses-card-list.component.ts

@@ -51,8 +51,8 @@ export class CoursesCardListComponent implements OnInit {
 
         this.checkout.startCourseCheckoutSession(course.id)
             .subscribe(
-                () => {
-                    console.log("Stripe checkout session initialized ...");
+                session => {
+                    this.checkout.redirectToCheckout(session);
                 },
                 err => {
                     console.log('Error creating checkout session', err);

src/app/services/checkout.service.ts

@@ -1,5 +1,9 @@
 import {Injectable} from '@angular/core';
 import {HttpClient} from '@angular/common/http';
+import {Observable} from 'rxjs';
+import {CheckoutSession} from '../model/checkout-session.model';
+
+declare const Stripe;
 
 
 @Injectable({
@@ -11,8 +15,8 @@ export class CheckoutService {
 
     }
 
-    startCourseCheckoutSession(courseId:string) {
-        return this.http.post("/api/checkout", {
+    startCourseCheckoutSession(courseId:string): Observable<CheckoutSession> {
+        return this.http.post<CheckoutSession>("/api/checkout", {
             courseId,
             callbackUrl: this.buildCallbackUrl()
         })
@@ -35,5 +39,13 @@ export class CheckoutService {
         return callBackUrl;
     }
 
+    redirectToCheckout(session: CheckoutSession) {
+
+        const stripe = Stripe(session.stripePublicKey);
+
+        stripe.redirectToCheckout({
+            sessionId: session.stripeCheckoutSessionId
+        });
+    }
 }