Refactor the backend for the advanced integration guide

.devcontainer/advanced-integration/devcontainer.json

@@ -27,11 +27,11 @@
 	},
 
 	"secrets": {
-		"CLIENT_ID": {
+		"PAYPAL_CLIENT_ID": {
 			"description": "Sandbox client ID of the application.",
 			"documentationUrl": "https://developer.paypal.com/dashboard/applications/sandbox"
 		},
-		"APP_SECRET": {
+		"PAYPAL_CLIENT_SECRET": {
 			"description": "Sandbox secret of the application.",
 			"documentationUrl": "https://developer.paypal.com/dashboard/applications/sandbox"
 		}

advanced-integration/.env.example

@@ -1,5 +1,5 @@
 # Create an application to obtain credentials at
 # https://developer.paypal.com/dashboard/applications/sandbox
 
-CLIENT_ID="YOUR_CLIENT_ID_GOES_HERE"
-APP_SECRET="YOUR_SECRET_GOES_HERE"
+PAYPAL_CLIENT_ID="YOUR_CLIENT_ID_GOES_HERE"
+PAYPAL_CLIENT_SECRET="YOUR_SECRET_GOES_HERE"

advanced-integration/README.md

@@ -2,7 +2,7 @@
 
 ## Instructions
 
-1. Rename `.env.example` to `.env` and update `CLIENT_ID` and `APP_SECRET`.
+1. Rename `.env.example` to `.env` and update `PAYPAL_CLIENT_ID` and `PAYPAL_CLIENT_SECRET`.
 2. Run `npm install`
 3. Run `npm start`
 4. Open http://localhost:8888

advanced-integration/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@paypalcorp/advanced-integration",
+  "name": "paypal-advanced-integration",
   "version": "1.0.0",
   "description": "",
   "main": "server.js",
@@ -11,9 +11,9 @@
   "author": "",
   "license": "Apache-2.0",
   "dependencies": {
-    "dotenv": "^16.0.0",
-    "ejs": "^3.1.6",
-    "express": "^4.17.3",
-    "node-fetch": "^3.2.1"
+    "dotenv": "^16.3.1",
+    "ejs": "^3.1.9",
+    "express": "^4.18.2",
+    "node-fetch": "^3.3.2"
   }
 }

advanced-integration/public/app.js

@@ -3,7 +3,10 @@ paypal
     // Sets up the transaction when a payment button is clicked
     createOrder: function () {
       return fetch("/api/orders", {
-        method: "post",
+        method: "POST",
+        headers: {
+          'Content-Type': 'application/json',
+        },
         // use the "body" param to optionally pass additional order information
         // like product skus and quantities
         body: JSON.stringify({
@@ -21,7 +24,10 @@ paypal
     // Finalize the transaction after payer approval
     onApprove: function (data) {
       return fetch(`/api/orders/${data.orderID}/capture`, {
-        method: "post",
+        method: "POST",
+        headers: {
+          'Content-Type': 'application/json',
+        },
       })
         .then((response) => response.json())
         .then((orderData) => {
@@ -54,7 +60,10 @@ if (paypal.HostedFields.isEligible()) {
     // Call your server to set up the transaction
     createOrder: () => {
       return fetch("/api/orders", {
-        method: "post",
+        method: "POST",
+        headers: {
+          'Content-Type': 'application/json',
+        },
         // use the "body" param to optionally pass additional order information
         // like product skus and quantities
         body: JSON.stringify({
@@ -127,7 +136,10 @@ if (paypal.HostedFields.isEligible()) {
         })
         .then(() => {
           fetch(`/api/orders/${orderId}/capture`, {
-            method: "post",
+            method: "POST",
+            headers: {
+              'Content-Type': 'application/json',
+            },
           })
             .then((res) => res.json())
             .then((orderData) => {