Discover what is Braintree, how we work and our new v.zero SDK for iOS. Presentation made for Pragma Mark 2014 - Milan (Italy)

1. v.zero A modern foundation for accepting Payments
Alberto López (@albertusLM)

2. Developing a mobile application
@albertuslm

4. style guide defined

5. Own code

6. Known libraries

7. Adding a payment method
@albertuslm

10. useless lines
of code

12. old documentation

14. no examples

16. insecurity

18. No Native code

20. Not global

22. I only want to integrate
a payment method…

23. HELP
@albertuslm

25. A little bit of history
@albertuslm

26. 2013

27. Features
@albertuslm

28. photo
source

29. ++
=
Payments
in one click

30. User Experience

31. Ultra slim
Invisible
Elegant

32. Safe & Simple

33. Mobile, born and raise

34. Native

35. 148 millions of customers
No redirection within application
Tons of available payment sources

36. Global

37. Talking about security…
@albertuslm

38. 1. The server inits the transaction
client_token = braintree.ClientToken.generate({ })
Unique Client Token for each transaction
generated at Server…

39. 2. The Braintree UI continues
the transaction
Braintree *braintree = [Braintree
braintreeWithClientToken:self.clientToken];
[…]
BTDropInViewController *dropInViewController = [braintree
dropInViewControllerWithDelegate:self];
With Client Token the secure UI is created
on mobile application

40. 3. The server finishes
the payment
result = braintree.Transaction.sale({
"amount": "10.00",
"payment_method_nonce": "nonce-from-the-client"
})
With a nonce, gotten from UI and
sent to server

41. It is Safe!
@albertuslm

42. How can it be implemented?
@albertuslm

43. Client Side

44. Server Side

45. And what do you do with BT?
@albertuslm

46. Types of payments
Simple payments Subscriptions Marketplaces Partnerships

47. Simple payments…
Common payment Payment from vault

48. How simple payments work?
@albertuslm

49. - (void)viewDidLoad
{
[…]
NAFHTTPRequestOperationManager *manager =
[AFHTTPRequestOperationManager manager];
[manager POST:@“http://
url_for_getting_token”
parameters: nil
success:
^(AFHTTPRequestOperation *operation, id
responseObject)
[…]

50. client_token = braintree.ClientToken.generate({})

51. […]
NSString *clientToken =
[[NSString alloc]
initWithString:responseObject[@"client_token"]];
self.braintree =
[Braintree
braintreeWithClientToken:clientToken];
[…]
}

52. Click!
(IBAction)tappedButton:(id)sender

53. - (IBAction)tappedButton:(id)sender {
BTDropInViewController *dropInViewController =
[self.braintree dropInViewControllerWithDelegate:self];
dropInViewController.navigationItem.leftBarButtonItem
= [[UIBarButtonItem alloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemCancel
target:self
action:@selector(userDidCancelPayment)];
UINavigationController *navigationController =
[[UINavigationController alloc]
initWithRootViewController:dropInViewController];
[self presentViewController:navigationController
animated:YES
completion:nil];
}

54. Click!
(void)dropInViewController:
(__unused BTDropInViewController *)viewController
didSucceedWithPaymentMethod:
(BTPaymentMethod *)paymentMethod

55. nonce = request.form[“payment_method_nonce”]
[…]
result = braintree.Transaction.sale({
"amount": "10.00",
"payment_method_nonce":"nonce-from-the-client"
})

56. NSString *transactionID = [[NSString alloc]
initWithString:responseObject[@"transaction_id"]];

57. @albertuslm Source
photo

58. How payments from vault work?
@albertuslm

59. Click!
(IBAction)tappedButton:(id)sender

60. […]
NAFHTTPRequestOperationManager *manager =
[AFHTTPRequestOperationManager manager];
[manager POST:@“http://
url_for_getting_token”
parameters: @"clientHASH":
<theclientHASH>
success:
^(AFHTTPRequestOperation *operation, id
responseObject)
[…]

61. <looking for a ClientID related to clientHASH>

62. result = braintree.Transaction.sale({
"amount": "10.00",
"clientID":"client-from-the-DB"
})

63. NSString *transactionID = [[NSString alloc]
initWithString:responseObject[@"transaction_id"]];

64. @albertuslm Source
photo
AGAIN!

65. OK, but how is
the backside?
Let’s
go!

66. Conclusions
@albertuslm

67. Source
+ =
Source

68. Great
User Experience

69. Really
Safe & Simple

70. True
Native

71. TRULY
Global

72. Original
Source
S
@albertuslm

73. Braintree:
https://www.braintreepayments.com/
Get Started with Braintree
https://developers.braintreepayments.com/ios+php/start/overview
One TouchTM overview:
https://developers.braintreepayments.com/ios+php/guides/one-touch
Braintree v.zero:
https://www.braintreepayments.com/v.zero
Sandbox environment:
https://sandbox.braintreegateway.com/login

74. The end?

75. photo
source
Stay tuned…

76. Questions?
Source
photo

77. v.zero
Alberto López (@albertusLM)
alberto.lopez@braintreepayments.com