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

©2016 PayPal Inc. Confidential and proprietary.

Andy Bonggren – Solutions Consultant (PayPal / Braintree) andy.bonggren@getbraintree.com

Matt Thomas – Senior Solutions Consultant (PayPal / Braintree)matthew.thomas@getbraintree.com

Presenters:

©2016 PayPal Inc. Confidential and proprietary.

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

©2016 PayPal Inc. Confidential and proprietary.

Braintree 101Features, Sandbox, SDKs and Demo

©2016 PayPal Inc. Confidential and proprietary.

Braintree Quick Overview

©2016 PayPal Inc. Confidential and proprietary.

How does Braintree work

©2016 PayPal Inc. Confidential and proprietary.

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

©2016 PayPal Inc. Confidential and proprietary.

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.

©2016 PayPal Inc. Confidential and proprietary.

Demo: using the SDKs

©2016 PayPal Inc. Confidential and proprietary.

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?

©2016 PayPal Inc. Confidential and proprietary.

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!

©2016 PayPal Inc. Confidential and proprietary.

Braintree GemFile

©2016 PayPal Inc. Confidential and proprietary.

Hosted Fields Config

©2016 PayPal Inc. Confidential and proprietary.

Hosted Fields Config (cont)

©2016 PayPal Inc. Confidential and proprietary.

Q & A

©2016 PayPal Inc. Confidential and proprietary.

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

©2016 PayPal Inc. Confidential and proprietary.

AppendixHosted Fields Example

©2016 PayPal Inc. Confidential and proprietary.

AppendixDrop-in Example