merchant_id

public_key

private_key

customer_id

payment_method_token

payment_method_nonce

order_id

Gain insights into Braintree API integration, delving into secure client-server SDK implementations. Discover transaction creation and hands-on payment processing with a React app demo.

braintree.tar.gz

braintree

braintree-node

run_webapp

run_webapp-original

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

This course explains Braintree APIs to create a transaction. The client SDK provides tools and techniques to securely collect payment information, while the server SDK consists of tools to enable secure processing of the collected payment information. You will learn both the client-side and server-side implementations in detail. After that, the course will provide hands-on experience of creating a transaction using Braintree APIs. Finally, you 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.

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

Introduction

Braintree Setup

Transaction With Braintree

Demo Application in React

Conclusion

Receiving the Payment Method Nonce