How does the Magento_Checkout/js/view/payment/default's placeOrder() work?

dmitrii_fediuk · March 2, 2016, 4:06pm

Preliminary context: how does the Braintree payment module handle the «Place Order» button click?

magento/magento2/blob/cf7df72/app/code/Magento/Checkout/view/frontend/web/js/view/payment/default.js#L127-L130


/**
 * Place order.
 */
placeOrder: function (data, event) {

github.com

magento/magento2/blob/cf7df72/app/code/Magento/Checkout/view/frontend/web/js/view/payment/default.js#L137-L157


if (this.validate() && additionalValidators.validate()) {
    this.isPlaceOrderActionAllowed(false);


    this.getPlaceOrderDeferredObject()
        .fail(
            function () {
                self.isPlaceOrderActionAllowed(true);
            }
        ).done(
            function () {
                self.afterPlaceOrder();


                if (self.redirectAfterPlaceOrder) {
                    redirectOnSuccessAction.execute();
                }
            }
        );


    return true;
}

github.com

magento/magento2/blob/cf7df72/app/code/Magento/Checkout/view/frontend/web/js/view/payment/default.js#L161-L165


getPlaceOrderDeferredObject: function () {
    return $.when(
        placeOrderAction(this.getData(), this.messageContainer)
    );
},

github.com

magento/magento2/blob/cf7df72/app/code/Magento/Checkout/view/frontend/web/js/view/payment/default.js#L185-L194


/**
 * Get payment method data
 */
getData: function () {
    return {
        'method': this.item.method,
        'po_number': null,
        'additional_data': null
    };
},

github.com

magento/magento2/blob/cf7df72/app/code/Magento/Checkout/view/frontend/web/js/view/payment/default.js#L10-L10


'Magento_Checkout/js/action/place-order',

github.com

magento/magento2/blob/cf7df72/app/code/Magento/Checkout/view/frontend/web/js/action/place-order.js#L22-L40


if (!customer.isLoggedIn()) {
    serviceUrl = urlBuilder.createUrl('/guest-carts/:quoteId/payment-information', {
        quoteId: quote.getQuoteId()
    });
    payload = {
        cartId: quote.getQuoteId(),
        email: quote.guestEmail,
        paymentMethod: paymentData,
        billingAddress: quote.billingAddress()
    };
} else {
    serviceUrl = urlBuilder.createUrl('/carts/mine/payment-information', {});
    payload = {
        cartId: quote.getQuoteId(),
        paymentMethod: paymentData,
        billingAddress: quote.billingAddress()
    };
}

github.com

magento/magento2/blob/cf7df72/app/code/Magento/Checkout/view/frontend/web/js/action/place-order.js#L42-L51




    return storage.post(
        serviceUrl, JSON.stringify(payload)
    ).fail(
        function (response) {
            errorProcessor.process(response, messageContainer);
            fullScreenLoader.stopLoader();
        }
    );
};