Stripe Credit Card Flow

What happens when you charge a credit card?

1 2 3 4 5 6 7 8 Browser Stripe
API Your Server Credit Card Network

GET https://api.stripe.com/v1/tokens?callback=stripe123& _method=POST&key=pk_live_abcd BROWSER REQUESTS: Stripe.createToken({ number: $('#paymentNumber'), // etc.
}, function callback(status, response){ // submit the rest of the form }); JAVASCRIPT:

HTTP/1.1 200 OK ... { "id": "tok_1234", // this is
how we will refer to the Stripe token "card": { "last4": "4242", "type": "Visa", ... } } STRIPE API RETURNS:

POST https://yoursite.com/submit stripe_token=tok_1234&foo=bar... BROWSER REQUESTS:

POST https://api.stripe.com/v1/charges Authorization: Bearer sk_live_wxyz card=tok_1234&amount=500&currency=usd&description=foo YOUR SERVER REQUESTS:

Sending authorize request (conv fdc_1234): MTI:100 (Authorization Request) 002 Primary
Account Number : "42xxxxxxxxxx42" 004 Amount of Transaction : 500 007 Transmission Date/Time : 2013-02-04 02:15:20 UTC 012 Time, Local Transmission : 2013-02-03 18:15:20 UTC 014 Card Expiration Date : "1503" 018 Merchant Category Code : "5399" 042 Merchant : "4451xxxxxxx" 049 Transaction Currency Code : 840 STRIPE REQUESTS: (binary wire protocol)

Response: MTI:110 (Authorization Request Response) 004 Amount of Transaction :
500 007 Transmission Date/Time : 2013-02-04T02:15:20+00:00 025 Point of Service (POS) Condition Code : 59 037 Retrieval Reference Number : "z8yYxxxxxxxx" 039 Response Code : "00" [Approved (for capture)] 044 Additional Response Data : "Y" [Address and 5-digit ZIP Match] CREDIT CARD NETWORK RESPONDS: (binary wire protocol)

HTTP/1.1 200 OK { "id": "ch_1234", "paid": true, // the
charge was successful "object": "charge", "amount": 500, ... } STRIPE RESPONDS

HTTP/1.1 200 OK <html> <body> <h1>Thank you for paying!</h1> </body>
</html> YOUR SERVER RESPONDS:

1 2 3 4 5 6 7 8 Browser Stripe
API Your Server Credit Card Network

Payments for Developers

Stripe Credit Card Flow

Stripe Credit Card Flow

Ross Boucher

Other Decks in Programming

Featured

Transcript

What happens when you charge a credit card?

1 2 3 4 5 6 7 8 Browser Stripe

GET https://api.stripe.com/v1/tokens?callback=stripe123& _method=POST&key=pk_live_abcd BROWSER REQUESTS: Stripe.createToken({ number: $('#paymentNumber'), // etc.

HTTP/1.1 200 OK ... { "id": "tok_1234", // this is

POST https://yoursite.com/submit stripe_token=tok_1234&foo=bar... BROWSER REQUESTS:

POST https://api.stripe.com/v1/charges Authorization: Bearer sk_live_wxyz card=tok_1234&amount=500&currency=usd&description=foo YOUR SERVER REQUESTS:

Sending authorize request (conv fdc_1234): MTI:100 (Authorization Request) 002 Primary

Response: MTI:110 (Authorization Request Response) 004 Amount of Transaction :

HTTP/1.1 200 OK { "id": "ch_1234", "paid": true, // the

HTTP/1.1 200 OK <html> <body> <h1>Thank you for paying!</h1> </body>

1 2 3 4 5 6 7 8 Browser Stripe

Payments for Developers