Chekout demistified

Checkout
demystified
Spryker User Group
Berlin
27.01.2020
Damijan Ćavar

About me
2
− 20+ years of experience
− 3+ years at Spryker
− Project experience with various stack
− Project experience with multiple industries
− ...

What will we learn?
3
− How to place an Order?
− What is a step engine?
− Why is do we need step engine?
− How to implements a new step?
− Where do we modify the Quote?
− What happens it something goes wrong?
− ...

− Step is a class that implements the StepInterface and handles the data.
What is a step?
6

StepInterface
7
public function preCondition(AbstractTransfer $quoteTransfer);
public function requireInput(AbstractTransfer $dataTransfer);
public function execute(Request $request, AbstractTransfer $dataTransfer);
public function postCondition(AbstractTransfer $dataTransfer);
public function getStepRoute();
public function getEscapeRoute();
public function getTemplateVariables(AbstractTransfer $dataTransfer);

preCondition method
8
Preconditions are called before each step. If the condition is met then it will return true and the process
will continue. If it returns false, the customer will be redirected to the escape route defined for this step.
/**
* @param GeneratedSharedTransferQuoteTransfer $quoteTransfer
*
* @return bool
*/
public function preCondition(AbstractTransfer $quoteTransfer)
{
if ($this->isCartEmpty($quoteTransfer)) {
return false;
}
if (!$quoteTransfer->getCheckoutConfirmed()) {
$this->escapeRoute = CheckoutPageControllerProvider::CHECKOUT_SUMMARY;
return false;
}
return true;
}

requireInput method
9
In this method we determine if step requires user input. If input methods return true we will render the
form and wait for user input.
/**
* Require input for customer authentication if the customer is not logged in already, or haven't authenticated yet.
*
*
* @return bool
*/
public function requireInput(AbstractTransfer $quoteTransfer)
{
if ($this->isCustomerLoggedIn()) {
return false;
}
return true;
}

execute method
10
If the form is valid, the updated QuoteTransfer is passed to Step::execute() method where you can
modify it further or apply custom logic (call a client or Zed). Also, there is Symfony Request object
passed if additional/manual data mapping is required.
/**
* Update QuoteTransfer with customer step handler plugin.
*
* @param SymfonyComponentHttpFoundationRequest $request
*
* @return GeneratedSharedTransferQuoteTransfer
*/
public function execute(Request $request, AbstractTransfer $quoteTransfer)
{
return $this->customerStepHandler->addToDataClass($request, $quoteTransfer);
}

postCondition method
11
Post condition is an essential part of the step Processing. It indicates if a step has all the data that it
needs and if its requirements are satisfied.
/**
*
* @return bool
*/
public function postCondition(AbstractTransfer $quoteTransfer)
{
if ($this->hasOnlyGiftCardItems($quoteTransfer)) {
return true;
}
if (!$this->isShipmentSet($quoteTransfer)) {
return false;
}
return true;
}
Do not modify the Quote in postCondition!!!

getTemplateVariables method
12
With this method we can provide additional parameters that we might want to render on the template.
/**
*
* @return array
*/
public function getTemplateVariables(AbstractTransfer $quoteTransfer)
{
return [
'quoteTransfer' => $quoteTransfer,
'cartItems' => $this->productBundleClient->getGroupedBundleItems(
$quoteTransfer->getItems(),
$quoteTransfer->getBundleItems()
),
];
}

getStepRoute and getEscapeRoute methods
13
Step route is the route to the step and
escape route is where we redirect in case of an error.
/**
* @return string
*/
public function getStepRoute()
{
return $this->stepRoute;
}
/**
* @return string
*/
public function getEscapeRoute()
{
return $this->escapeRoute;
}

interface StepCollectionInterface extends IteratorAggregate
{
public function addStep(StepInterface $step);
public function canAccessStep(StepInterface $step, Request $request, AbstractTransfer $dataTransfer);
public function getCurrentStep(Request $request, AbstractTransfer $dataTransfer);
public function getNextStep(StepInterface $currentStep);
public function getPreviousStep(StepInterface $currentStep, ?AbstractTransfer $dataTransfer = null);
public function getCurrentUrl(StepInterface $currentStep);
public function getNextUrl(StepInterface $currentStep, AbstractTransfer $dataTransfer);
public function getPreviousUrl(StepInterface $currentStep, ?AbstractTransfer $dataTransfer = null);
public function getEscapeUrl(StepInterface $currentStep);
}
Step collection
15
Step engine accesses step through step engine. Order of steps is also defined by collection.

canAccessStep method
16
With this method we determine if we can access a step or not. We can access it only if previous steps
were completed successfully.
/**
* @param SprykerYvesStepEngineDependencyStepStepInterface $currentStep
* @param GeneratedSharedTransferQuoteTransfer $dataTransfer
*
* @return bool
*/
public function canAccessStep(StepInterface $currentStep, Request $request, AbstractTransfer $dataTransfer)
{
if ($request->get('_route') === $currentStep->getStepRoute()) {
return true;
}
foreach ($this->getCompletedSteps($dataTransfer) as $step) {
if ($step->getStepRoute() === $request->get('_route')) {
return true;
}
}
return false;
}

getCurrentStep method
17
This method will return the last not completed step by checking the post condition of steps.
/**
* @param GeneratedSharedTransferQuoteTransfer $dataTransfer
*
* @return SprykerYvesStepEngineDependencyStepStepInterface
*/
public function getCurrentStep(Request $request, AbstractTransfer $dataTransfer)
{
foreach ($this->steps as $step) {
if (!$step->postCondition($dataTransfer) || $request->get('_route') === $step->getStepRoute()) {
return $step;
}
$this->completedSteps[] = $step;
}
return end($this->completedSteps);
}

Form collection
19
This class is responsible for forms rendering and data binding.
interface FormCollectionHandlerInterface
{
public function getForms(AbstractTransfer $dataTransfer);
public function hasSubmittedForm(Request $request, AbstractTransfer $dataTransfer);
public function handleRequest(Request $request, AbstractTransfer $dataTransfer);
public function provideDefaultFormData(AbstractTransfer $dataTransfer);
}

handleRequest method
20
After form has been submitted we validate the input and populate the underlying data object.
public function handleRequest(Request $request, AbstractTransfer $dataTransfer)
{
foreach ($this->getForms($dataTransfer) as $form) {
if ($request->request->has($form->getName())) {
$form->setData($dataTransfer);
return $form->handleRequest($request);
}
}
throw new InvalidFormHandleRequest('Form to handle not found in Request.');
}

data Providers
21
If we need to provide additional data to the form we use dataProviders
interface StepEngineFormDataProviderInterface
{
/**
*
*/
public function getData(AbstractTransfer $quoteTransfer);
/**
*
* @return array
*/
public function getOptions(AbstractTransfer $quoteTransfer);
}

getData method
22
In this method we can do a some business logic before setting values to quote.
/**
*
* @return SprykerSharedKernelTransferAbstractTransfer
*/
public function getData(AbstractTransfer $quoteTransfer)
{
$quoteTransfer->setShippingAddress($this->getShippingAddress($quoteTransfer));
$quoteTransfer->setBillingAddress($this->getBillingAddress($quoteTransfer));
$quoteTransfer->setBillingSameAsShipping(
$this->isSameAddress($quoteTransfer->getShippingAddress(), $quoteTransfer->getBillingAddress())
);
return $quoteTransfer;
}

getOptions
23
If we need to populate dropdowns (call Zed) or have business rules that we need to apply then we do it
in getOptions
/**
*
* @return array
*/
public function getOptions(AbstractTransfer $quoteTransfer)
{
return [
CheckoutAddressCollectionForm::OPTION_ADDRESS_CHOICES => $this->getAddressChoices(),
CheckoutAddressCollectionForm::OPTION_COUNTRY_CHOICES => $this->getAvailableCountries(),
];
}

dataContainer
25
DataContainer is a simple wrapper around quote persistence. Depending on the selected strategy it
can be either Redis or DB (or you can have your own custom implementation)
interface DataContainerInterface
{
/**
*/
public function get();
/**
*
* @return void
*/
public function set(AbstractTransfer $quoteTransfer);
}

interface StepEngineInterface
{
/**
* @param SprykerYvesStepEngineFormFormCollectionHandlerInterface|null $formCollection
*
* @return array|SymfonyComponentHttpFoundationRedirectResponse
*/
public function process(Request $request, ?FormCollectionHandlerInterface $formCollection = null);
}
Step engine
27

Code
30
https://github.com/spryker/step-
engine/blob/master/src/Spryker/Yves/StepEn
gine/Process/StepEngine.php#L73

Checkout workflow
32
interface CheckoutWorkflowInterface
{
/**
*
* @return GeneratedSharedTransferCheckoutResponseTransfer
*/
public function placeOrder(QuoteTransfer $quoteTransfer);
}
After we are through the checkout we still need to place the order. We need to transform Quote into Order
and store it into database. That is done in Checkout workflow on Zed.

Place the order
33
public function placeOrder(QuoteTransfer $quoteTransfer)
{
$checkoutResponseTransfer = $this->createCheckoutResponseTransfer();
if (!$this->checkPreConditions($quoteTransfer, $checkoutResponseTransfer)) {
return $checkoutResponseTransfer;
}
$quoteTransfer = $this->doPreSave($quoteTransfer, $checkoutResponseTransfer);
$quoteTransfer = $this->doSaveOrder($quoteTransfer, $checkoutResponseTransfer);
$this->runStateMachine($checkoutResponseTransfer->getSaveOrder());
$this->doPostSave($quoteTransfer, $checkoutResponseTransfer);
return $checkoutResponseTransfer;
}
− check preconditions (is quote still valid)
− presave (any additional info)
− saving the order
− post save
You only have 30s !!!

checkCondition method
34
interface CheckoutPreConditionPluginInterface
{
/**
* Specification:
* - Checks a condition before the order is saved.
* - Returns "false" and adds error to response transfer when condition failso.
* - Returns "true" when condition passed. Can add errors to response transfer.
* - Does not change Quote transfer.
* - Does not write to Persistence.
*
* @api
*
* @param GeneratedSharedTransferCheckoutResponseTransfer $checkoutResponseTransfer
*
* @return bool
*/
public function checkCondition(QuoteTransfer $quoteTransfer, CheckoutResponseTransfer
$checkoutResponseTransfer);
}
check if Quote is still valid

preSave method
35
interface CheckoutPreSaveInterface
{
/**
* Specification:
* - Do something before orderTransfer save
*
* @api
*
*
*/
public function preSave(QuoteTransfer $quoteTransfer);
}
expand the quote with additional info

saveOrder method
36
interface CheckoutDoSaveOrderInterface
{
/**
* Specification:
* - Retrieves (its) data from the quote object and saves it to the database.
* - These plugins are already enveloped into a transaction.
*
* @api
*
* @param GeneratedSharedTransferSaveOrderTransfer $saveOrderTransfer
*
* @return void
*/
public function saveOrder(QuoteTransfer $quoteTransfer, SaveOrderTransfer $saveOrderTransfer);
}
persist checked and expanded Quote to database - place an order.

postSave method
37
interface CheckoutPostSaveHookInterface
{
/**
* Specification:
* - This plugin is called after the order is placed.
* - Set the success flag to false, if redirect should be headed to an error page afterwords
*
* @api
*
* @param GeneratedSharedTransferCheckoutResponseTransfer $checkoutResponse
*
* @return void
*/
public function executeHook(QuoteTransfer $quoteTransfer, CheckoutResponseTransfer
$checkoutResponse);
}
if we need to make an action after order is placed.

39
The Spryker Commerce
OS is a “beyond shop -
beyond desktop”
commerce technology,
enabling transactional
use cases at every
touchpoint today and in
future.

Contact us
spryker.com
hello@spryker.com
@sprysys
+49 (30) 2084983 53

Chekout demistified

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Chekout demistified

Similar to Chekout demistified (20)

Recently uploaded

Recently uploaded (20)

Chekout demistified