Как вы реализуете взаимодействие frontend и backend?

Question

[vimirtv]

Вопрос такой. Предположим есть какой-то сервер, с которым интегрируется frontend .
С сервера возвращаются JSON, на основании которого пишется логика клиентской части.
Предположим, возвращаемая модель изменилась. И соответственно логика клиентской части приложения нарушилась.
Как можно избегать таких ошибок?

Comments

[Степан Крапивин]

как часто модель меняется?

Answer 1

[Денис Инешин]

Смотрите, сервер не просто возвращает JSON, он возвращает тот JSON который запрашивает клиент в соответствии с определенным API.

Т.е, если клиент говорит:
- Передай мне данные о товарах
- Версия API 1.0

То сервер всегда возвращает товары в том виде, как это указано в API версии 1.0.

Если вы делаете изменения на сервере и сервер должен отдавать данные в новом виде, то вы должны лишь добавить новую версию.

Если клиент скажет скажем:
- Получить данные о товарах
- Версия API 2.0
-> Вернуть новый JSON

Но если клиент скажет 1.0, вы должны вернуть старый.

Именно таким образом разрабатывается взаимодействие клиента и сервера. Сервер один, а клиентов может быть много и обновлять клиенты можно в разное время. Главное поддерживать все старые версии API.

Comments

[historydev]

То есть нужно наследовать старое api?

[Денис Инешин]

Нет нет, не наследовать. Каждое старое API должно поддерживаться в оригинальном виде до тех пор пока хоть один клиент его запрашиват.

Новая версия API может быть вообще другой.

[Sergei Iamskoi]

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

[vimirtv]

А возможно ли описывать модель на клиенте? Или этого делать не стоит?
Например я ожидаю получить что-то такое

{
	a: 'STRING',
	b: [
		{...},
		{...}
	]
}

А в какой-то момент получаю такое

{
	a:  'STRING'
	b: 'STRING'
}

Тут стоит вопрос больше избавится от ошибок на стороне клиента. Например если пришло не то, что я ожидал, тогда будут значения по дуфолту. Есть ли какие-то готовые решения, библиотеки?

[Денис Инешин]

Возможно, для этого нужно придерживать какого-то стандарта. Например JSON-RPC или вообще перейти на GraphQL.

[Денис Инешин]

Vue, React и прочие вполне позволят манипулировать данными перед тем как положить их в State. Соответственно можно показать любые ошибки, использовать значения по дефолту и т.п.