Why does the «carts/mine/payment-information» request return 404?

Michelangelo_Turillo · October 6, 2016, 4:56pm

Hi guys,

why I get a 404 error when the checkout process call the URI carts/mine/payment-information

/**
 * Copyright © 2015 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */
define(
    [
        'jquery',
        'Magento_Checkout/js/model/quote',
        'Magento_Checkout/js/model/url-builder',
        'mage/storage',
        'Magento_Checkout/js/model/error-processor',
        'Magento_Customer/js/model/customer',
        'Magento_Checkout/js/model/full-screen-loader'
    ],
    function ($, quote, urlBuilder, storage, errorProcessor, customer, fullScreenLoader) {
        'use strict';


        return function (messageContainer) {
            var serviceUrl,
                payload,
                paymentData = quote.paymentMethod();

            /**
             * Checkout for guest and registered customer.
             */
            if (!customer.isLoggedIn()) {
                serviceUrl = urlBuilder.createUrl('/guest-carts/:cartId/selected-payment-method', {
                    cartId: quote.getQuoteId()
                });
                payload = {
                    cartId: quote.getQuoteId(),
                    email: quote.guestEmail,
                    method: paymentData,
                    billingAddress: quote.billingAddress()
                };
            } else {
               // serviceUrl = urlBuilder.createUrl('/carts/mine/selected-payment-method', {});
                serviceUrl = urlBuilder.createUrl('/carts/mine/payment-information', {});

                payload = {
                    cartId: quote.getQuoteId(),
                    method: paymentData,
                    billingAddress: quote.billingAddress()
                };
            }

            return storage.put(
                serviceUrl, JSON.stringify(payload)

            ).done(
                function () {
                   $.mage.redirect(window.checkoutConfig.payment.mymodule.redirectUrl);
                }
            ).fail(
                function (response) {
                    errorProcessor.process(response, messageContainer);
                    fullScreenLoader.stopLoader();
                }
            );
        };
    }
);

dmitry_fedyuk · October 7, 2016, 10:54pm

It is because storage.put is incorrect HTTP method for the /carts/mine/payment-information request.
You should use storage.get or storage.post depends on your task.

Examples

storage.get

github.com

magento/magento2/blob/2.1.1/app/code/Magento/Checkout/view/frontend/web/js/action/get-payment-information.js#L26-L47


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


return storage.get(
    serviceUrl, false
).done(
    function (response) {
        quote.setTotals(response.totals);
        paymentService.setPaymentMethods(methodConverter(response.payment_methods));
        deferred.resolve();
    }
).fail(
    function (response) {
        errorProcessor.process(response, messageContainer);
        deferred.reject();
    }
);

storage.post

set-payment-information.js

github.com

magento/magento2/blob/2.1.1/app/code/Magento/Checkout/view/frontend/web/js/action/set-payment-information.js#L25-L55


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


fullScreenLoader.startLoader();


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

place-order.js

github.com

magento/magento2/blob/2.1.1/app/code/Magento/Checkout/view/frontend/web/js/model/place-order.js#L14-L25


return function (serviceUrl, payload, messageContainer) {
    fullScreenLoader.startLoader();


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