You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This sample app shows you how to build and customize a card payment form to accept debit and credit cards and using 3Ds for authentification. Style the card form so that it aligns with your business branding.
21
+
This sample app shows you how to build and customize a card payment form to accept debit and credit cards and use 3Ds for authentification. Please make sure to style the card form so that it aligns with your business branding.
24
22
25
23
To create this application from scratch, follow the [Advanced Checkout integration](https://developer.paypal.com/docs/checkout/advanced/integrate) guide from the [PayPal Developer](https://developer.paypal.com/home) docs.
26
24
27
-
###Run this App
25
+
## Run this project
28
26
29
-
You can run this app locally or on [Stackblitz](https://stackblitz.com/edit/pp-so?file=README.md).
27
+
### PayPal Codespaces
28
+
[](https://codespaces.new/paypaldev/PayPal-JavaScript-FullStack-3Ds-Advanced-Checkout-Sample?devcontainer_path=.devcontainer%2Fdevcontainer.json)
30
29
31
-
#### Run it locally
30
+
- Rename the ``.env.example`` file to `.env`.
31
+
- Add your environment variables in the `.env` file.
32
+
```shell
33
+
PAYPAL_CLIENT_ID=YOUR_CLIENT_ID
34
+
PAYPAL_
32
35
33
-
You will need to create a `.env` file with the following environment variables:
36
+
### Locally
37
+
38
+
- Rename the `.env.example` file to `.env`.
39
+
- Add your environment variables in the `.env` file.
34
40
35
41
```shell
36
-
CLIENT_ID=
37
-
APP_SECRET=
42
+
PAYPAL_CLIENT_ID=YOUR_CLIENT_ID
43
+
PAYPAL_CLIENT_SECRET=YOUR_APP_SECRET
38
44
```
39
45
40
-
In the `checkout.ejs` replace the `YOUR_CLIENT_ID` string in the `script` tag with your PayPal Client ID.
41
-
42
46
Complete the steps in [Get started](https://developer.paypal.com/api/rest/) to get the following sandbox account information from the Developer Dashboard:
43
-
44
47
- Sandbox client ID and the secret of [a REST app](https://www.paypal.com/signin?returnUri=https%3A%2F%2Fdeveloper.paypal.com%2Fdeveloper%2Fapplications&_ga=1.252581760.841672670.1664266268).
45
48
- Access token to use the PayPal REST API server.
46
49
@@ -57,7 +60,6 @@ and navigate in your browser to: `http://localhost:9597/`.
57
60
### Sample Card
58
61
59
62
#### Succesful 3Ds Authentification
60
-
61
63
Card Type: `Visa`
62
64
63
65
Card Number: `5458406954745076`
@@ -77,9 +79,8 @@ Expiration Date: `01/2025`
77
79
CVV: `123`
78
80
79
81
## PayPal Developer Community
80
-
81
82
The PayPal Developer community helps you build your career while improving your products and the developer experience. You’ll be able to contribute code and documentation, meet new people and learn from the open-source community.
0 commit comments