The document details the implementation of Braintree's v.zero payment integration for mobile applications, emphasizing features like security, user experience, and simplicity. It provides a step-by-step guide on utilizing client tokens and the Braintree UI for processing transactions. It also highlights various types of payments that can be facilitated, including simple payments, subscriptions, and partnerships.

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