PayEx Demo – Integration time
•Als PPTX, PDF herunterladen•
0 gefällt mir•514 views
Demo held by Asbjørn Ulsberg at PayEx and Nordic APIs event "Secure, flexible and modern APIs for Payments" event in Oslo, May 10th. Description: In this live coding session, our new APIs will be demonstrated in practice by integrating PayEx Checkout into a webshop and performing a payment.
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (10)
Mehr von Nordic APIs
Mehr von Nordic APIs (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
PayEx Demo – Integration time
- 1. GET /integration HTTP/1.1 HTTP/1.1 200 OK Content-Type: application/json { "what": "Integration Time!", "how": "Node.js + Express + Fetch" }
- 2. What we have • A fluffy webshop • 8 purchasable, adorable, fluffy animals • Mocked purchase flow
- 3. TODO
- 4. TODO: Retrieve Access Token 19cdefee34ef11e7a29910ddb19ceb461f78f51034ef11
- 5. TODO: Add JavaScript <script src="https://…/payex-checkout.js"> </script>
- 6. TODO: Disable Purchase Button <button type="submit">Buy me!</button>
- 7. TODO: Disable Purchase Button <button type="submit" disabled>Buy me!</button>
- 8. TODO: Retrieve POST URL GET /psp/checkout HTTP/1.1 Authorization: Bearer efee34ef79…461f78f51034ef11 Host: api.payex.com { "authorized": true, "paymentSession": "https://…/…/payment-sessions", }
- 9. TODO: Retrieve POST URL GET /psp/checkout HTTP/1.1 Authorization: Bearer efee34ef79…461f78f51034ef11 Host: api.payex.com { "authorized": true, "paymentSession": "https://…/…/payment-sessions", }
- 10. TODO: Perform HTTP POST request POST /psp/checkout/payment-sessions HTTP/1.1 Authorization: Bearer efee34ef79…461f78f51034ef11 Host: api.payex.com { "amount": 199.50, "vatAmount": 199.50, "currency": "NOK", "callbackUrl": "https://merchant.api/callback", "reference": "order-1234", "culture": "en-US", "fees": { "invoice": { "amount": 199.50, "vatAmount": 199.50, "description": "Sending dead trees is expensive, yo!", } } }
- 11. TODO: Retrieve ID URL HTTP/1.1 201 Created { "id": "https://api.payex.com/…/payment-sessions/8fe1c93", "amount": 199.50, "vatAmount": 199.50, "currency": "NOK", "callbackUrl": "https://merchant.api/callback", "reference": "order-1234", "culture": "en-US", "fees": { "invoice": { "amount": 199.50, "vatAmount": 199.50, "description": "Sending dead trees is expensive, yo!", } } }
- 12. TODO: Retrieve ID URL HTTP/1.1 201 Created { "id": "https://api.payex.com/…/payment-sessions/8fe1c93", "amount": 199.50, "vatAmount": 199.50, "currency": "NOK", "callbackUrl": "https://merchant.api/callback", "reference": "order-1234", "culture": "en-US", "fees": { "invoice": { "amount": 199.50, "vatAmount": 199.50, "description": "Sending dead trees is expensive, yo!", } } }
- 13. TODO: Add ID URL to Purchase Button <button type="submit" disabled>Buy me!</button>
- 14. TODO: Add ID URL to Purchase Button <button type="submit" data-payex-checkout="https://…/payment-sessions/8fe1c93" disabled>Buy me!</button>
- 15. TODO: Retrieve Payment URL GET https://…/…/payment-sessions/8fe1c93 HTTP/1.1 Authorization: Bearer efee34ef79…461f78f51034ef11 Host: api.payex.com { "id": "https://…/…/payment-sessions/8fe1c93", "amount": 199.50, "vatAmount": 199.50, ︙ "payment": "https://…/…/payments/f57eb662", }
- 16. TODO: Retrieve Payment URL GET https://…/…/payment-sessions/8fe1c93 HTTP/1.1 Authorization: Bearer efee34ef79…461f78f51034ef11 Host: api.payex.com { "id": "https://…/…/payment-sessions/8fe1c93", "amount": 199.50, "vatAmount": 199.50, ︙ "payment": "https://…/…/payments/f57eb662", }
- 17. TODO: Retrieve Capture Operation GET https://…/…/payments/f57eb662 HTTP/1.1 Authorization: Bearer efee34ef79…461f78f51034ef11 Host: api.payex.com { "id": "https://…/…/payments/f57eb662", ︙ "operations": [{ "rel": "create-checkout-capture", "href": " https://…/…/f57eb662/captures", "method": "POST", }] }
- 18. TODO: Retrieve Capture Operation GET https://…/…/payments/f57eb662 HTTP/1.1 Authorization: Bearer efee34ef79…461f78f51034ef11 Host: api.payex.com { "id": "https://…/…/payments/f57eb662", ︙ "operations": [{ "rel": "create-checkout-capture", "href": " https://…/…/f57eb662/captures", "method": "POST", }] }
- 19. TODO: Capture the payment POST /…/payment-sessions/f57eb662/captures HTTP/1.1 Authorization: Bearer efee34ef79…461f78f51034ef11 Host: api.payex.com { "transaction": { "description": "Show me the money!" } }
- 20. Demo Time!
- 21. Et voilà! - @asbjornu - asbjorn.ulsberg@payex.com - slack.httpapis.com Asbjørn Ulsberg
Hinweis der Redaktion
- Show how the "barebones" version of the webshop looks like
- Manually retrieve an Access Token from PayEx Admin that can perform Invoice, Credit Card and Checkout payment operations.
- Add the JavaScript to the <head> of the HTML page that displays the purchasable items.
- In the Purchase <button> elements for each purchasable item, add a disabled attribute; PayEx Checkout will enable the button when it is initialized.
- In the Purchase <button> elements for each purchasable item, add a disabled attribute; PayEx Checkout will enable the button when it is initialized.
- Demo time! Hat tip to Spaceballs’ “State Of The Art”
- You can reach me on: Twitter E-mail Slack. Join the HTTP API slack! It's full of great people in love with the web and APIs.