Как сделать корзину и авторизацию в интернет-магазине?

Например, девушка хочет купить куртку, это решение, которое требует времени для принятия. Она кладет ее в корзину, размышляет, а через пару дней собирается ее купить. Возможны два исхода в этом случае.

При первом (неправильном) мы ничего не проверяем, получаем оплату, а когда заказ вместе с деньгами поступает поставщику, оказывается, что в наличии куртки нет. Приходится оформлять возврат средств, расстраивать девушку, которая уже была в предвкушении.

Как правильно? Постоянно, когда бы клиент не зашел в корзину, уведомлять его, в наличии ли данный товар. Может, на складе осталось всего пара штук – тоже надо сообщить.

Но есть и более интересный кейс – различные распродажи и Черные пятницы. Когда остается последняя единица товара, проверять его наличие необходимо вплоть до оформления заказа. Ведь пока ты указывал адрес, вещь уже могли забрать.

Есть еще одна ситуация – оплата товаров в рассрочку, например, бытовой техники. Представьте, вы сложили в корзину телевизор, саунд-систему и микроволновку – все товары в корзине с разными периодами и количеством платежей. Перед оформлением покупки необходимо будет привести их к единому знаменателю – на 15 месяцев, на год, на два. Адекватно отобразить это для пользователя и правильно все рассчитать. Это непростая логика, которой следует уделить особое внимание.

Должна быть единая точка, где обсчитывается корзина. Потому что она может зависеть от конкретного пользователя (индивидуальные скидки), акций (например, дополнительная скидка при покупке через мобильное приложение) и других. Чтобы не запутаться и ничего не потерять, заведите одно место, где будете писать всю логику, в нашем случае – это бэкенд. Таким образом при каждом изменении корзины, мы дергаем бэкенд и пересчитываем ее.

У человека есть один профиль, но при этом он может заходить с разных устройств в него. Например, на работе с десктопа добавил в корзину товар, затем пришел домой, полазил еще через приложение, что-то удалил, что-то добавил, на следующий день решил оплатить их с десктопа – корзина должна отражать последние действия.

Есть кейсы и посложнее: человек серфил с авторизованного аккаунта на десктопе, выбрал и добавил в корзину пару товаров. Потом через несколько дней открыл сайт в браузере на смартфоне, не авторизовался, походил по сайту и добавил еще два товара. После чего решил оформлять заказ и авторизовался под своим аккаунтом. В этом конкретном моменте у вас должны объединиться две корзины, которые сформировались при двух состояниях – авторизованном и нет. Но тут есть нюанс.

Мы сделали такую логику: в корзину попадают уникальные товары с наибольшем количеством. Таким образом после авторизации у вас окажется: 2 синих футболки, 3 пары носков, 1 джинсы и 1 красный свитер.

Если два человека будут сидеть с разных устройств, авторизованных в одном аккаунте, то они при обновлении корзины (добавлении/удалении товаров) увидят их общие итоговые действия. Один добавил платье у себя на устройстве, второй – белье. Корзина обновилась и каждый увидит платье и белье. Такая же логика при работе с Избранным.