Learn how to use Braintree API to accept online payments in applications.

Ace the APIs for Online Payment

Braintree is a payment service provider owned by PayPal. It allows us to accept online payments from customers in our applications by providing us with client-side and server-side Software Development Kits (SDKs).

This module explains how to use Braintree APIs to create a transaction. The client SDK consists of tools and techniques to securely collect payment information, while the server SDK consists of tools to enable secure processing of the collected payment information. We will learn both the client-side and server-side implementations in detail. After that, the module will provide us with hands-on experience of creating a transaction using Braintree APIs. Finally, we will interact with a demo fruit buying application written in React that accepts payments using the Braintree gateway.

Getting Started with Braintree API

As discussed earlier, the server is responsible for receiving the *payment method nonce* from the client and using it to make a transaction.

## POST request handler 

The client sends the *payment method nonce* to our server using a *POST* request. The implementation of the *POST* request handler for receiving the *payment method nonce* from the client is shown in the code below (**lines 13--16**). Since we do not have any client set up in our current implementation, we have commented out this code as we won't receive any request from the client.

## Fake valid nonce

However, to proceed with our implementation, we have used `fake-valid-nonce` in **line 19**, which is a valid *payment method nonce* provided by Braintree that can be used to create transactions.

As discussed earlier, the server is responsible for receiving the *payment method nonce* from the client and using it to make a transaction.

# POST request handler 

The client sends the *payment method nonce* to our server using a *POST* request. The implementation of the *POST* request handler for receiving the *payment method nonce* from the client is shown in the code below (**lines 13--16**). Since we do not have any client set up in our current implementation, we have commented out this code as we won't receive any request from the client.

# Fake valid nonce

However, to proceed with our implementation, we have used `fake-valid-nonce` in **line 19**, which is a valid *payment method nonce* provided by Braintree that can be used to create transactions.

Learn how a server receives and handles the payment method nonce from the client.

Introduction and Setup

Transaction With Braintree

Demo Application in React

Conclusion

Receiving the Payment Method Nonce

POST request handler