This document provides an overview of the payment process and integration of Stripe payments for an Atmoph app. It involves: 1. Validating card information using Stripe's client-side validation. 2. Creating a token for the card using Stripe's API and storing it securely on their servers. 3. When making a purchase, the token is passed to Stripe to charge the card without exposing card details to Atmoph's servers. 4. Stripe handles the payment and notifies Atmoph of the status for record keeping. This keeps card information secure and the integration simple.

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