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

The final **Fruit Buying** application is given in the code environment below. We have integrated the server-side and the client-side code from the last two lessons into it.  You can start interacting with the app by clicking the **Run** button. Before running the application, make sure that the API keys have already been provided. If not, you need to provide the API keys (i.e., Merchant ID, Public Key, and Private Key) obtained from the Braintree sandbox account.

After these keys have been set, you can run the application. First, the server fires up in the terminal tab. After a while, the application can be viewed in the output tab. You can also view the application in a new tab in your browser by clicking the app link written against the **"Your app can be found at:"** field.

You can visualize the Braintree integration by playing around with the application, adding some items in your cart, and making the payment. You can make payments using dummy card numbers and random future expiration dates. The valid dummy card numbers for Braintree can be found [here](https://developer.paypal.com/braintree/docs/guides/credit-cards/testing-go-live/node#valid-card-numbers)

## Live demo


The final **Fruit Buying** application is given in the code environment below. We have integrated the server-side and the client-side code from the last two lessons into it.  You can start interacting with the app by clicking the **Run** button. Before running the application, make sure that the API keys have already been provided. If not, you need to provide the API keys (i.e., Merchant ID, Public Key, and Private Key) obtained from the Braintree sandbox account.

After these keys have been set, you can run the application. First, the server fires up in the terminal tab. After a while, the application can be viewed in the output tab. You can also view the application in a new tab in your browser by clicking the app link written against the **"Your app can be found at:"** field.

You can visualize the Braintree integration by playing around with the application, adding some items in your cart, and making the payment. You can make payments using dummy card numbers and random future expiration dates. The valid dummy card numbers for Braintree can be found [here](https://developer.paypal.com/braintree/docs/guides/credit-cards/testing-go-live/node#valid-card-numbers)

# Live demo


Interact with the live application with server-side and client-side code merged in it.

Introduction

Braintree Setup

Transaction With Braintree

Demo Application in React

Conclusion

Final Application