Stripe payment on Atmoph View Strore

1. @atmophjp
@bonar

3. CEO Software Engineer
Kyohi Kang Kyohei Nakano Yoko Tarui
Designer

8. View Store

14. Architecture

15. WebView
VideoView
• Widgets (Clock, Calendar …)
• Menu
• Settings
• View Store
• H.265 Video
Native
• Sensor Control
• Remote Control
• Background Task

16. Atmoph API
(Ruby on Rails)HTTPS/JSON

17. Atmoph API
(Ruby on Rails)HTTPS/JSON
Stripe.js stripe gem

18. Register Card

20. Stripe API
Post Card Number / HTTPS
Return card token

21. function verifyCardInfo() {
if (!window.Stripe.card.validateCardNumber($scope.card_number)) {
return ErrorLocal.P70;
}
if (!window.Stripe.card.validateExpiry(
$scope.exp_month, $scope.exp_year)) {
return ErrorLocal.P71;
}
if (!window.Stripe.card.validateCVC($scope.security_code)) {
return ErrorLocal.P72;
}
.....
}
Offline validation

22. window.Stripe.card.createToken({
number: $scope.card_number,
exp_month: $scope.exp_month,
exp_year: $scope.exp_year,
cvc: $scope.security_code
}, function responseHander(status, response) {
if (response.error) {
ErrorDialog.show(response);
return;
}
....
});
Create token

23. Post Card Token / HTTPS
Atmoph API

24. Payment

26. Post Purchase / HTTPS
Atmoph API

27. Stripe API
Post Card Token / HTTPS
Response OK
Atmoph API

28. customer = Stripe::Customer.create({
:description => user.stripe_name,
:email => user.email
}, SECRET_AUTH_INFO)
token_id = params[:token_id]
card = customer.sources.create(:source => token_id)
customer.default_source = card["id"]
customer.save
charge = Stripe::Charge.create({
:amount => price.value,
:currency => currency.name,
:customer => customer,
:description => "....."
}, SECRET_AUTH_INFO)
Create charge

30. Stripe on Atmoph
• クレジットカード情報が一度も Atmoph のサー
バを通らずセキュア
• シンプルで必要最低限のステップ
• 言語のスタイルにあったバインディング

31. @atmophjp
@bonar