Зарегистрируйтесь, чтобы продолжить обучение

Перенаправления Протокол HTTP

Давайте посмотрим, как в HTTP работают редиректы. Если сделать запрос на http.hexlet.app, то в ответ мы получим редирект:

telnet http.hexlet.app 80

GET /http-protocol/removed HTTP/1.1
host: http.hexlet.app

HTTP/1.1 301 Moved Permanently
Date: Wed, 02 Oct 2024 14:54:59 GMT
Content-Length: 0
Connection: keep-alive
Location: /http-protocol/example
CF-Cache-Status: DYNAMIC
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=D%2BY1eB1RSn5IN6xFeC9velppaSP5NKTvJqPPqCwdN340o8gCKCi7tPqEn4AKhJnT5vMwjPTYQ7%2FAvXpUAZ5w1JPiFigU4fbLm%2FJwkDYx4dyf6NVP37L4hazpv8FpwJ4RkJA%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Server: cloudflare
CF-RAY: 8cc587e2f877b76e-BRU

Это связано с тем, что http.hexlet.app работает только по HTTPS. Но HTTP он тоже обрабатывает. Ведь браузеру, который будет обращаться к сайту, нужно подсказать, что нужно сделать редирект.

301 Redirect

Как это работает? Возвращается заголовок 300 (формат редиректов). В нашем примере мы видим 301 Moved Permanently. Это означает, что ресурс, на который послали запрос, перемещен навсегда, и больше не имеет смысла сюда никогда заходить. Этим активно пользуются при SEO. Поисковики сохраняют все параметры страниц по старому адресу в индексе.

Редиректы бывают разных видов, например, временный редирект 302 Found. Он используется, если что-то произошло: сайт не работает, заблокирован и т.д. В основном это технические истории.

Но как узнать, куда происходит перенаправление? И вновь никакой магии — все основано на заголовках. В принципе не важен даже body. В зависимости от того, как работает система, через которую послан запрос, body может отобразиться, а может и нет. Главное, что появляется заголовок Location. Он обязан быть в случае такого статуса ответа, который указывает то место, куда нужно перейти.

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

Иногда на сайтах происходят ошибки, и те постоянно выдают редиректы. Браузер будет пытаться бесконечно переходить по ним. Чтобы не убить систему, существуют различные защиты. Например, они умеют отслеживать циклические редиректы, и сообщать, что необходимо остановить работу.

Библиотеки, с которыми часто работают программисты, обычно имеют опции. Именно опции говорят, нужно ли следовать за редиректом, и если следовать, то на какую глубину.


Дополнительные материалы

  1. HTTP 301

Аватары экспертов Хекслета

Остались вопросы? Задайте их в разделе «Обсуждение»

Вам ответят команда поддержки Хекслета или другие студенты

Для полного доступа к курсу нужен базовый план

Базовый план откроет полный доступ ко всем курсам, упражнениям и урокам Хекслета, проектам и пожизненный доступ к теории пройденных уроков. Подписку можно отменить в любой момент.

Получить доступ
1000
упражнений
2000+
часов теории
3200
тестов

Открыть доступ

Курсы программирования для новичков и опытных разработчиков. Начните обучение бесплатно

  • 130 курсов, 2000+ часов теории
  • 1000 практических заданий в браузере
  • 360 000 студентов
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Наши выпускники работают в компаниях:

Логотип компании Альфа Банк
Логотип компании Aviasales
Логотип компании Yandex
Логотип компании Tinkoff
Рекомендуемые программы
профессия
Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React
10 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на Python, Разработка веб-приложений и сервисов используя Django, проектирование и реализация REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
Тестирование веб-приложений, чек-листы и тест-кейсы, этапы тестирования, DevTools, Postman, SQL, Git, HTTP/HTTPS, API
4 месяца
с нуля
Старт 26 декабря
профессия
Программирование на Java, Разработка веб-приложений и микросервисов используя Spring Boot, проектирование REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на PHP, Разработка веб-приложений и сервисов используя Laravel, проектирование и реализация REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на JavaScript в браузере и на сервере (Node.js), разработка бекендов на Fastify и фронтенда на React
16 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
новый
Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL
8 месяцев
c опытом
Старт 26 декабря

Используйте Хекслет по-максимуму!

  • Задавайте вопросы по уроку
  • Проверяйте знания в квизах
  • Проходите практику прямо в браузере
  • Отслеживайте свой прогресс

Зарегистрируйтесь или войдите в свой аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»