Applies to: Web Payments SDK | Payments API
Learn how to clone the quickstart project template into a folder on your computer.
The project template isn't initially integrated with the SDK and doesn't render the card payment form.
Test the application
Follow the GitHub repo README file to get the development server running.
Open a browser to http://localhost:3000 to verify that the server is running.
The server displays the following web page:
Success
If your web page renders as shown in the previous image, you're ready to write the code that adds the Card payment method to the page.
The quickstart asks you to update the code in these project files:
The public/index.html file is the web page where you replace the default quickstart application HTML markup with the Web Payments SDK and application logic.
The public/app.css file is the stylesheet that contains some preset styles to help with the page layout.
The top-level server.js file contains the server call to the CreatePayment endpoint for charging the payment source. The quickstart application must include server.js to make the server call; otherwise, the application cannot create a payment. The quickstart project also includes tests in the server.tests.js file.
Important
- The value in server.js line 45 sets the currency for the quickstart to US dollars. If your default test account is based in another country, be sure to update server.js with the currency code for your country before you run the quickstart.
- If you're using a non-US account, you must change the currency to match the country in which you're accepting the payment.