Как лучше сделать добавление корзины/избранного?

Question

[TtT RrR]

Сейчас я пишу интернет-магазин.
Добавив товар в корзину, я заношу его в localStorage, затем в базу. Такой ход вызывает у меня вопросы: правильно ли я так сделал; если резко обновить страницу, то запрос в базу успеет выполниться.

Как в магазинах сохраняется товар? Сначала заносят в базу, потом в local или наоборот?

Я посмотрел Яндекс Маркет. Там сначала идёт запрос, затем в local при добавлении в корзину/избранное.
На другом сайте (https://lavandaflor.ru/category/deserty) корзина сначала в базу, потом local, а при добавлении в избранное наоборот

Answer 1

[Ипатьев]

Все очень просто.
Надо всего лишь различать зарегистрированных и незарегистрированных пользователей.
Для первых ничего не пишется на клиента, а только в базу.
Для вторых ровно наоборот - в базу писать нечего, поэтому все сохраняется локально.
Плюс нужна процедура мержа с клиента в базу, когда в момент авторизации что-то есть локальное. По уму надо у пользователя спросить, "вот такие-то товары были в корзине, добавить их к вашей?" Но многие магазины не заморочиваются и просто сливают локальную корзину с той что лежит в базе.

Comments

[TtT RrR]

а как мне в js различать пользователей?

[Stalker_RED]

TtT RrR, как и всегда, по userId в сессии/куке/localStorage/атрибуту-в-html или по JWT

[Ипатьев]

В каком смысле различать?
Как это относится к исходному вопросу?
Я думал, вы уже решили вопрос с авторизацией.
Если нет, то вам вместо корзины надо делать авторизацию.

[Ипатьев]

TtT RrR, вот вы пишете, "Сначала заносят в базу". Ну вам же надо как-то отличать, какой пользователь сейчас с данного браузера просматривает магазин?
У вас этот функционал уже должен быть. почему вы спрашиваете, как его сделать?

[TtT RrR]

Ипатьев, потому что я над этим работаю)

[TtT RrR]

Ипатьев, вообще авторизация есть, в ней можно добавить из корзины в базу при добавлении/удалении. Просто я это реализовал после добавления в local. Соответственно вопрос был в том, правильный это порядок выполнения

[Ипатьев]

Нет, вопрос был другой.
вы спросили, "как мне в js различать пользователей?"
и этот вопрос поставил всех в тупик.
потому что различать пользователей вы должны были до того как делать корзину

или я не понимаю, что вы имеете в виду под "различением пользователей"

[TtT RrR]

Ипатьев,

Надо всего лишь различать зарегистрированных и незарегистрированных пользователей.

[Ипатьев]

А, так вы об этом. Передать это значение с сервера, точно так же как любые другие данные.

Answer 2

[Stalker_RED]

localStorage - штука для удобного кеширования, а не обязательная часть бизнес логики.

Вот что сделает ваш сайт, если у пользователя отключен localStorage? Вариантов два - получить корзину с сервера либо упасть с ошибкой.

А что будет, если пользователь очистит localStorage? Если у него место на диске кончится? Если он добавил товары с ноута, потом зашел на сайт с телефона,и хочет оплатить, а localStorage в телефоне пуст?

Попробуйте, что сделает в таком случае яндекс-маркет.

Никто не мешает записать в localStorage товар с отметкой "id=null", отправить запрос на сервер, и после ответа от сервера, что все ок, заказ в базе, дописать в localStorage его id. И при следующем открытии страницы, если вы нашли товары с id=null - повторить попытку синхронизации с сервером.

Заодно неплохо бы продумать ситуацию, когда пользователь добавил в корзину два товара, потом с телефона добавил еще два, а потом зашел с третьего устройства, и что он в таком случае увидит?

_{теперь появляются догадки, почему движки интернет-магазинов не такие простые как хотелось бы. В одной только корзине куча проблем :)}

Comments

[TtT RrR]

мда, много задач

[Ипатьев]

TtT RrR, да ну, ерунда.

ситуация, когда пользователь добавил в корзину два товара, потом с телефона добавил еще два, а потом зашел с третьего устройства, и что он в таком случае увидит?

-- это вообще ни о чем.
Если он со всех этих устройств авторизован, то увидит все добавленные товары
если на каком-то не авторизован, то будет добавленные видеть только на этом устройстве.
просто как 2х2

писать какую-то чушь в localStorage с отметкой "id=null" - я вам уже писал выше - нет никакой нужды.
Если пользователь авторизован, то просто отправляем айди товара и количество на сервер, там пишем в базу.