Easy pay with  Pay

Volodymyr Hryhoriev

Transcript

1. EASY PAY WITH PAY Volodymyr Hryhoriev
2. - ❓ What is Pay - Algorithm - ⚙ Integration - ✅ Testing - & Review - Estimation Overview
3. ❓ What is Pay - easy - private - secure
4. What is Pay - easy - private - secure
5. Without Pay
6. Without Pay
7. Without Pay
8. Without Pay
9. Without Pay
10. Without Pay
11. With Pay
12. With Pay
13. With Pay
14. Private - doesn’t store actual card number - store only anonymous transactions info
15. Private - doesn’t store actual card number - store only anonymous transactions info
16. Anonymous info of transactions
17. Anonymous info of transactions
18. Secure - DAN instead of actual card number - sensitive data is stored in Secure Element - payment data is encrypted - dynamic security code instead of static CVV
19. Secure - DAN instead of actual card number - sensitive data is stored in Secure Element - payment data is encrypted - dynamic security code instead of static CVV
20. Secure - DAN instead of actual card number - sensitive data is stored in Secure Element - payment data is encrypted - dynamic security code instead of static CVV
21. Secure - DAN instead of actual card number - sensitive data is stored in Secure Element - payment data is encrypted - dynamic security code instead of static CVV
22. Pay works - within apps (iOS >= 8.1, watchOS >= 3.0) - in Safari (iOS >= 10.0, masOS >= Sierra) - with PoS via NFC
23. Pay works - within apps (iOS >= 8.1, watchOS >= 3.0) - in Safari (iOS >= 10.0, masOS >= Sierra) - with PoS via NFC
24. Pay works - within apps (iOS >= 8.1, watchOS >= 3.0) - in Safari (iOS >= 10.0, masOS >= Sierra) - with PoS via NFC
25. Developers benefits - higher conversion rate - higher users satisfactions - highly supported by ecosystem - engineers learn something new
26. Developers benefits - higher conversion rate - higher users satisfactions - highly supported by ecosystem - engineers learn something new
27. Developers benefits - higher conversion rate - higher users satisfactions - highly supported by ecosystem - engineers learn something new
28. Developers benefits - higher conversion rate - higher users satisfactions - highly supported by ecosystem - engineers learn something new
29. Display Payment Request Algorithm Merchant or PSP Server App iOS Apple Pay Server
30. Display Payment Request Algorithm Merchant or PSP Server App iOS Apple Pay Server Authorize Payment Generate Payment Data
31. Display Payment Request Algorithm Merchant or PSP Server App iOS Apple Pay Server Authorize Payment Generate Payment Data Encrypt payment Data Return Encrypted Payment
32. Display Payment Request Algorithm Merchant or PSP Server App iOS Apple Pay Server Authorize Payment Generate Payment Data Encrypt payment Data Return Encrypted Payment Receive Payment Data
33. Display Payment Request Algorithm Merchant or PSP Server App iOS Apple Pay Server Authorize Payment Generate Payment Data Encrypt payment Data Return Encrypted Payment Receive Payment Data Charge Payment Return Payment Status
34. Display Payment Request Algorithm Merchant or PSP Server App iOS Apple Pay Server Authorize Payment Generate Payment Data Encrypt payment Data Return Encrypted Payment Receive Payment Data Charge Payment Return Payment Status Dismiss Sheet
35. ⚙ Integration - Apple Developer account - Xcode - Payment Service Provider - UI/UX - Coding
36. Apple Developer Account - create merchant ID - set merchant ID inside App ID - create payment certificate - using CSR generated by Payment Service Provider - using own CSR (certificate signing request)
38. Apple Developer Account - create merchant ID - set merchant ID inside App ID - create payment certificate - using CSR generated by Payment Service Provider - using own CSR (certificate signing request)
40. Apple Developer Account - create merchant ID - set merchant ID inside App ID - create payment certificate - using CSR generated by Payment Service Provider - using own CSR (certificate signing request)
43. Xcode - add Apple ID - Important: access to developer resources! - turn on `Apple Pay` in capabilities - select used merchant IDs - several targets = several entitlements files
45. Xcode - add Apple ID - Important: access to developer resources! - turn on `Apple Pay` in capabilities - select used merchant IDs - several targets = several entitlements files
47. Xcode - add Apple ID - Important: access to developer resources! - turn on `Apple Pay` in capabilities - select used merchant IDs - several targets = several entitlements files
51. Payment Service Provider - select existed - payment service provider - e-commerce platform - use own implementation
52. Payment Service Provider - select existed - payment service provider - e-commerce platform - use own implementation
53. Payment Service Provider - select existed - payment service provider - e-commerce platform - use own implementation
54. Payment Service Provider Can be integrated using: - API calls from: - client - server - SDK
55. Payment Service Provider Can be integrated using: - API calls from: - client - server - SDK
56. UX - Pay as default/first method - accelerate single-item purchase (product detail) - accelerate multi-item purchase (checkout) - no sign in/up process - Important: request only essential info in Pay sheet - Important: use Pay button by purpose!
58. UX - Pay as default/first method - accelerate single-item purchase (product detail) - accelerate multi-item purchase (checkout) - no sign in/up process - Important: request only essential info in Pay sheet - Important: use Pay button by purpose!
60. UX - Pay as default/first method - accelerate single-item purchase (product detail) - accelerate multi-item purchase (checkout) - no sign in/up process - Important: request only essential info in Pay sheet - Important: use Pay button by purpose!
62. UX - Pay as default/first method - accelerate single-item purchase (product detail) - accelerate multi-item purchase (checkout) - no sign in/up process - Important: request only essential info in Pay sheet - Important: use Pay button by purpose!
64. UX - Pay as default/first method - accelerate single-item purchase (product detail) - accelerate multi-item purchase (checkout) - no sign in/up process - Important: request only essential info in Pay sheet - Important: use Pay button by purpose!
65. ✅
66. UX - Pay as default/first method - accelerate single-item purchase (product detail) - accelerate multi-item purchase (checkout) - no sign in/up process - Important: request only essential info in Pay sheet - Important: use Pay button by purpose!
67. UI Use API and artworks provided by Apple: - button (PKPaymentButton) - fully localized - vector scalable - mark - Important: it is not a button - Important: don’t modify, adjust only height - Important: use only with other marks
68. UI Use API and artworks provided by Apple: - button (PKPaymentButton) - fully localized - vector scalable - mark - Important: it is not a button - Important: don’t modify, adjust only height - Important: use only with other marks
69. UI Use API and artworks provided by Apple: - button (PKPaymentButton) - fully localized - vector scalable - mark - Important: it is not a button - Important: don’t modify, adjust only height - Important: use only with other marks
70. UI Use API and artworks provided by Apple: - button (PKPaymentButton) - fully localized - vector scalable - mark - Important: it is not a button - Important: don’t modify, adjust only height - Important: use only with other marks
71. .plain .donate .buy .checkout .setUp .book .inStore .subscribe ◻ PKPaymentButtonType
72. .white .whiteOutline .black ◻ PKPaymentButtonStyle
73. Coding PKPaymentSummaryItem PKPaymentRequest PKPayment PKPaymentAuthorizationViewController
74. PKPaymentAuthorizationViewController watchOS App extensions View Controller View Controller iOS
75. Extensions - Messages - Siri - Maps
76. PKPaymentAuthorizationViewController iOS >= 11.0 watchOS App extensions View Controller View Controller iOS
77. ❓Can make payments
78. ❌
79. ❗Set up Pay on if needed
80. openPaymentSetup() showApplePay()
82. PKPaymentRequest (main properties)
84. PKPaymentRequest (main properties)
85. Main Optional
86. PKPaymentRequest (optional properties)
87. PKPaymentRequest (optional properties)
88. Main Optional
89. PKPaymentSummaryItem
90. PKPaymentSummaryItem
91. .final .pending
92. .final .pending
93. PKPaymentAuthroizationControllerDelegate Notify about - payment will/did authorization - payment finishing - selection of shipping method - selection of shipping contact - selection of payment method
94. Authorization
97. Authorization
98. ✅ ❌ℹ
99. PKPaymentAuthroizationControllerDelegate Notify about - payment will/did authorization - payment finishing - selection of shipping method - selection of shipping contact - selection of payment method
100. PKPaymentAuthroizationControllerDelegate Notify about - payment will/did authorization - payment finishing - selection of shipping method - selection of shipping contact - selection of payment method
101. PKPaymentAuthroizationControllerDelegate Notify about - payment will/did authorization - payment finishing - selection of shipping method - selection of shipping contact - selection of payment method
102. PKPaymentAuthroizationControllerDelegate Notify about - payment will/did authorization - payment finishing - selection of shipping method - selection of shipping contact - selection of payment method
103. ✅ Testing - use simulator for UI only - show one card for each supported network - Important: generate empty paymentData! - create a Sandbox Tester Account - use test cards provided by - Important: don’t login to App Store! - provide tests cards, use them - test integration with Payment Service Provider
105. ✅ Testing - use simulator for UI only - shows one card for each supported network - Important: generates empty paymentData! - create a Sandbox Tester Account - use test cards provided by - Important: don’t login to App Store! - provide tests cards, use them - test integration with Payment Service Provider
106. - use simulator for UI only - shows one card for each supported network - Important: generates empty PKPaymentToken.paymentData! - create a Sandbox Tester Account - use test cards provided by - Important: don’t login to App Store! - provide tests cards, use them - test integration with Payment Service Provider ✅ Testing
108. Testing - use simulator for UI only - shows one card for each supported network - Important: generates empty PKPaymentToken.paymentData! - create a Sandbox Tester Account - use test cards provided by - Important: don’t login to App Store! - test integration with Payment Service Provider
109. ✅ Testing - use simulator for UI only - shows one card for each supported network - Important: generates empty PKPaymentToken.paymentData! - create a Sandbox Tester Account - use test cards provided by - Important: don’t login to App Store! - test integration with Payment Service Provider
110. ✅ Testing - use simulator for UI only - shows one card for each supported network - Important: generates empty PKPaymentToken.paymentData! - create a Sandbox Tester Account - use test cards provided by - Important: don’t login to App Store! - test integration with Payment Service Provider
111. & Review - provide all info about purchase prior to sale - use Pay UI according to HIG: Apple Pay - special rules for subscriptions - approval to accept donations with Pay
112. & Review - provide all info about purchase prior to sale - use Pay UI according to HIG: Apple Pay - special rules for subscriptions - approval to accept donations with Pay
113. & Review - provide all info about purchase prior to sale - use Pay UI according to HIG: Apple Pay - special rules for subscriptions - approval to accept donations with Pay
114. & Review - provide all info about purchase prior to sale - use Pay UI according to HIG: Apple Pay - special rules for subscriptions - approval to accept donations with Pay
115. Estimation - simple implementation - from 16 hours - sophisticated implementation - up to 40 hours
116. Estimation - simple implementation - from 16 hours - sophisticated implementation - up to 40 hours
117. - receive access to developer resources - paymentSummaryItems.last is a payment total value - merchantIdentifier must match entitlements - simulator generates empty paymentData - don’t forget to create payment certificate - don’t log in to App Store via tester account ❗Important
118. - receive access to developer resources - paymentSummaryItems.last is a payment total value - merchantIdentifier must match entitlements - simulator generates empty paymentData - don’t forget to create payment certificate - don’t log in to App Store via tester account ❗Important
119. - receive access to developer resources - paymentSummaryItems.last is a payment total value - merchantIdentifier must match entitlements - simulator generates empty paymentData - don’t forget to create payment certificate - don’t log in to App Store via tester account ❗Important
120. - receive access to developer resources - paymentSummaryItems.last is a payment total value - merchantIdentifier must match entitlements - simulator generates empty paymentData - don’t forget to create payment certificate - don’t log in to App Store via tester account ❗Important
121. - receive access to developer resources - paymentSummaryItems.last is a payment total value - merchantIdentifier must match entitlements - simulator generates empty paymentData - don’t forget to create payment certificate - don’t log in to App Store via tester account ❗Important
122. - receive access to developer resources - paymentSummaryItems.last is a payment total value - merchantIdentifier must match entitlements - simulator generates empty paymentData - don’t forget to create payment certificate - don’t log in to App Store via tester account ❗Important
123. - receive access to developer resources - paymentSummaryItems.last is a payment total value - merchantIdentifier must match entitlements - simulator generates empty paymentData - don’t forget to create payment certificate - don’t log in to App Store via tester account specialfor ❗Important specialforwork
124. Links - Apple Pay Programming Guide - Human Interface Guidelines: Apple Pay - All WWDC videos about Apple Pay - Apple Pay Tutorial: Getting Started - How Apple Pay Works Under the Hood - ApplePay token decryptor (macOS app) - Apple Pay on the Web Demo - App Store Review Guidelines: Apple Pay