jimmie lindstrom, braintree_epayment workshop @ open commerce conference 2016
TRANSCRIPT
![Page 1: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/1.jpg)
©2016 PayPal Inc. Confidential and proprietary.
E-PAYMENTS WORKSHOPIntroduction to Braintree v.zero
Andy Bonggren & Matt Thomas • June 29, 2016
![Page 2: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/2.jpg)
©2016 PayPal Inc. Confidential and proprietary.
Andy Bonggren – Solutions Consultant (PayPal / Braintree) [email protected]
Matt Thomas – Senior Solutions Consultant (PayPal / Braintree)[email protected]
Presenters:
![Page 3: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/3.jpg)
©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
![Page 4: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/4.jpg)
©2016 PayPal Inc. Confidential and proprietary.
Braintree 101Features, Sandbox, SDKs and Demo
![Page 5: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/5.jpg)
©2016 PayPal Inc. Confidential and proprietary.
Braintree Quick Overview
![Page 6: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/6.jpg)
©2016 PayPal Inc. Confidential and proprietary.
How does Braintree work
![Page 7: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/7.jpg)
©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
![Page 8: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/8.jpg)
©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.
![Page 9: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/9.jpg)
©2016 PayPal Inc. Confidential and proprietary.
Demo: using the SDKs
![Page 10: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/10.jpg)
©2016 PayPal Inc. Confidential and proprietary.
Braintree with Spree CommerceInstall / Setup of Braintree Gem & Live Demo
![Page 11: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/11.jpg)
© 2015 PayPal Inc. All rights reserved. Confidential and proprietary. 11
What plugins are we working with?
![Page 12: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/12.jpg)
©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!
![Page 13: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/13.jpg)
©2016 PayPal Inc. Confidential and proprietary.
Braintree GemFile
![Page 14: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/14.jpg)
©2016 PayPal Inc. Confidential and proprietary.
Hosted Fields Config
![Page 15: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/15.jpg)
©2016 PayPal Inc. Confidential and proprietary.
Hosted Fields Config (cont)
![Page 16: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/16.jpg)
©2016 PayPal Inc. Confidential and proprietary.
Q & A
![Page 17: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/17.jpg)
![Page 18: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/18.jpg)
©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
![Page 19: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/19.jpg)
©2016 PayPal Inc. Confidential and proprietary.
AppendixHosted Fields Example
![Page 20: Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016](https://reader033.vdocuments.site/reader033/viewer/2022061306/58aa71431a28abbc1e8b4e89/html5/thumbnails/20.jpg)
©2016 PayPal Inc. Confidential and proprietary.
AppendixDrop-in Example