Apple Pay on the Web sequential flows

The sequential flows provide an overview of how the systems (WebSphere Commerce, Apple Pay on the Web) and actors (Shoppers in the Aurora starter store) interact with each other during a typical task flow. The sequential flows coincide with the controller code that is contained in the ApplePay.js file.

1 Shopper views page and wants to use Apple Pay

The following diagram represents the sequence when a shopper views a page that contains an Apple Pay button:
Shopper views page and wants to use Apple Pay

2 Shopper interacts with payment sheet selections

The following diagram represents the sequence when a shopper interacts with the Apple Pay payment sheet:
Shopper interacts with payment sheet selections

3 Shopper authorizes the payment by using Touch ID

The following diagram represents the sequence when a shopper authorizes their Apple Pay payment by using Touch ID:
Shopper authorizes the payment using Touch ID