Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016

5,718 views

Published on

Presented at the Open Commerce Conference on June 28-29, 2016 in New York City

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Jimmie Lindstrom, Braintree_ePayment Workshop @ Open Commerce Conference 2016

  1. 1. E-PAYMENTS WORKSHOP
  2. 2. andy.bonggren@getbraintree.com matthew.thomas@getbraintree.com Presenters:
  3. 3. Agenda ©2016 PayPal Inc. Confidential and proprietary. • 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
  4. 4. Braintree 101
  5. 5. ©2016 PayPal Inc. Confidential and proprietary. Braintree Quick Overview
  6. 6. How does Braintree work ©2016 PayPal Inc. Confidential and proprietary.
  7. 7. 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.
  8. 8. Creating a Sandbox Account 1) Go to https://www.braintreepayments.com/sandbox 2) 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.
  9. 9. Demo: using the SDKs ©2016 PayPal Inc. Confidential and proprietary.
  10. 10. Braintree with Spree Commerce
  11. 11. © 2015 PayPal Inc. All rights reserved. Confidential and proprietary. What plugins are we working with? 11
  12. 12. Installation Steps (Demo) ©2016 PayPal Inc. Confidential and proprietary. 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 migrations a) bundle exec rails g spree_braintree_vzero:install 3) Restart your server a) rails server 4) Spree Store Admin a) Configurations / Payment Methods / New Payment Method b) Choose a BraintreeVzero payment method from the Provider dropdown c) Configure the Braintree Payment Method 5) Ready to Go!
  13. 13. Braintree GemFile ©2016 PayPal Inc. Confidential and proprietary.
  14. 14. Hosted Fields Config ©2016 PayPal Inc. Confidential and proprietary.
  15. 15. Hosted Fields Config (cont) ©2016 PayPal Inc. Confidential and proprietary.
  16. 16. Q & A
  17. 17. Appendix Host: Amazon Web Services Ubuntu 14.0.4 Ruby 2.3.1 Rails 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 ©2016 PayPal Inc. Confidential and proprietary. What We’re Using
  18. 18. Appendix ©2016 PayPal Inc. Confidential and proprietary. Hosted Fields Example
  19. 19. Appendix ©2016 PayPal Inc. Confidential and proprietary. Drop-in Example

×