По порядку Middle Клиент-сервер и DevTools обновлено

Путь запроса от клика до экрана

Вопрос

Расставь по порядку, что происходит после нажатия кнопки «Показать заказы» в веб-приложении.

Попробуйте сами

Расставьте шаги по порядку стрелками.

  1. 1
    Обработчик клика на фронтенде формирует запрос
  2. 2
    Сервер получает данные из базы
  3. 3
    Сервер проверяет токен и права
  4. 4
    Фронтенд обрабатывает ответ и отрисовывает список
  5. 5
    Браузер отправляет HTTP-запрос к API
  6. 6
    Сервер возвращает ответ с кодом и JSON
Показать ответ и разбор

Коротко

Зная этот путь, баг локализуют: нет запроса, значит фронт; 401 или 403, значит авторизация; неверные данные в ответе, значит бэкенд или база; верный ответ и неверный экран, значит фронт.

Правильный порядок

  1. 1
    Обработчик клика на фронтенде формирует запрос
  2. 2
    Браузер отправляет HTTP-запрос к API
  3. 3
    Сервер проверяет токен и права
  4. 4
    Сервер получает данные из базы
  5. 5
    Сервер возвращает ответ с кодом и JSON
  6. 6
    Фронтенд обрабатывает ответ и отрисовывает список

Разбор

Зная этот путь, баг локализуют: нет запроса, значит фронт; 401 или 403, значит авторизация; неверные данные в ответе, значит бэкенд или база; верный ответ и неверный экран, значит фронт.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.