StripeCheckout get clientSecret

Author: mdcodelab

functions/create-payment-intent.js

@@ -1,6 +1,6 @@
-//domain: .nrtlify/functions/create-payment-intent 
-const dotenv = require('dotenv')
-dotenv.config()
+require('dotenv').config()
+
+const stripe=require("stripe")(process.env.REACT_APP_STRIPE_SEC)
 
 
 exports.handler = async function (event, context) {
@@ -15,10 +15,27 @@ exports.handler = async function (event, context) {
 
     console.log('Received data:', { cart, shipping_fee, total_amount });
 
-    return {
-      statusCode: 200,
-      body: 'Payment intent created successfully'
+    const calculateOrderAmount = () => {
+      return shipping_fee + total_amount;
     };
+
+    try {
+      const paymentIntent = await stripe.paymentIntents.create({
+        amount: calculateOrderAmount(),
+        currency: "usd"
+      });
+
+      return {
+        statusCode: 200,
+        body: JSON.stringify({ clientSecret: paymentIntent.client_secret })
+      };
+    } catch (error) {
+      console.log('Error:', error);
+      return {
+        statusCode: 500,
+        body: 'Error creating payment intent'
+      };
+    }
   } catch (error) {
     console.log('Error:', error);
     return {
@@ -27,5 +44,3 @@ exports.handler = async function (event, context) {
     };
   }
 };
-
-

package-lock.json

@@ -17,11 +17,12 @@
     "react-icons": "^4.7.1",
     "react-router-dom": "^6.10.0",
     "react-scripts": "5.0.1",
+    "stripe": "^12.0.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "CLI= react-scripts build",
+    "build": "CI= react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "netlify": "netlify-dev",

package.json

@@ -42,6 +42,7 @@ const CheckoutForm = () => {
         { cart, shipping_fee, total_amount},
         { headers: { 'Content-Type': 'application/json' } }
       );
+      setClientSecret(data.clientSecret);
       console.log(data);
       return data
     } catch (error) {
@@ -52,7 +53,7 @@ const CheckoutForm = () => {
 
   React.useEffect(() => {
     createPaymentIntent();
-  },[createPaymentIntent]);
+  },[]);
 
   const handleChange = (event) => {};