jimmie lindstrom, braintree_epayment workshop @ open commerce conference 2016

©2016 PayPal Inc. Confidential and proprietary.

E-PAYMENTS WORKSHOPIntroduction to Braintree v.zero

Andy Bonggren & Matt Thomas • June 29, 2016


Andy Bonggren – Solutions Consultant (PayPal / Braintree) [email protected]

Matt Thomas – Senior Solutions Consultant (PayPal / Braintree)[email protected]

Presenters:

mailto:[email protected]

mailto:[email protected]


Agenda • Braintree 101 • What features does Braintree have• Create a Sandbox account• Discuss Client & Server Side SDKs / APIs with

small side by side demo

• Braintree within Spree Commerce • What features did we add? Why did we do it? and

what challenges did we face?• Install and setup • Gem Location & Gemfile updates• Configuring Braintree

• Small Live Demo of Braintree / Spree• Discuss available settings

• Q & A


Braintree 101Features, Sandbox, SDKs and Demo


Braintree Quick Overview


How does Braintree work


SDKs, APIs, on my!

• Client SDKs• Javscript• Android• iOS

• Server SDKs• PHP• Java• .NET• Node.js• Python• Ruby

• APIs• Restful APIs using XML bodies for both requests and responses


Creating a Sandbox Account

1) Go to https://www.braintreepayments.com/sandbox2) Scroll down to where you see the ‘Sign up for the sandbox’ form

A) Fill in a first and last name, your location and email address (*note* MUST BE UNIQUE and not used before)B) Click the ‘Try the Sandbox’

3) Check your inbox for a confirmation email in order to activate your account.

Now lets do it ourselves.

https://www.braintreepayments.com/sandbox


Demo: using the SDKs


Braintree with Spree CommerceInstall / Setup of Braintree Gem & Live Demo

© 2015 PayPal Inc. All rights reserved. Confidential and proprietary. 11

What plugins are we working with?


Installation Steps (Demo)1) Update your Spree Store Gemfile

a) gem 'spree_braintree_vzero', github: 'spree-contrib/spree_braintree_vzero', branch: '3-0-stable’

b) bundle install / bundle update

2) Run the migrationsa) bundle exec rails g spree_braintree_vzero:install

3) Restart your servera) rails server

4) Spree Store Admin a) Configurations / Payment Methods / New Payment Methodb) Choose a BraintreeVzero payment method from the Provider dropdownc) Configure the Braintree Payment Method

5) Ready to Go!


Braintree GemFile


Hosted Fields Config


Hosted Fields Config (cont)


Q & A


Appendix

Host: Amazon Web ServicesUbuntu 14.0.4Ruby 2.3.1Rails 4.2.6

Spree: Spree 3.0 Test Store created following instructions from:http://guides.spreecommerce.org/developer/getting_started_tutorial.html

Braintree Gem: https://github.com/spree-contrib/spree_braintree_vzero

Gemfile Addition: gem 'spree_braintree_vzero', github: 'spree-contrib/spree_braintree_vzero', branch: '3-0-stable’Migrations: bundle exec rails g spree_braintree_vzero:install

What We’re Using

http://guides.spreecommerce.org/developer/getting_started_tutorial.html

https://github.com/spree-contrib/spree_braintree_vzero


AppendixHosted Fields Example


AppendixDrop-in Example

jimmie lindstrom, braintree_epayment workshop @ open commerce conference 2016

Technology