Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

To help both developers and commercial decision makers make decisions, we developed our checkout demo app.


UI Text Box
sizemedium
typetip

Before you take a closer look at the app, we especially recommend developers to read a bit about our API basics.


UI Steps


UI Step

Requirements

An active PAYONE - Account is required. If you do not have one yet, please contact us.


UI Step

demo app Installation

You can download the latest version from our Github repository:

Section


Column
width33%



Column
width33%

UI Button
colorgreen
newWindowtrue
sizelarge
displayblock
icondownload
titleDownload from Github
urlhttps://github.com/PAYONE-GmbH/checkout-demo


Column
width33%





UI Step

Running the checkout demo app

You have two options: you can play around with the app on Gitpod, an online IDE, or you can install the app locally.


UI Text Box
typeinfo
You will find both option here: https://github.com/PAYONE-GmbH/checkout-demo#running-the-app



UI Step

Usecases

Pay via Credit Card without 3DSecure

card-without-3ds.gif


Pay via a Credit Card with 3DSecure

card-with-3ds.gif

Pay via paydirekt

paydirekt.gif


UI Step

Receive example transaction status notification

This is shown in the last seconds of 'Pay via a Credit Card with 3DSecure' and 'Pay via paydirekt' showcases

For the test data - follow our more detailed Readme's section "Use cases' test data"




Table of Contents
outlinetrue
indent2 em