Что такое HTTP-перехватчик?

Если вам нужно зафиксировать ошибки HTTP, аутентификация или, например, загрузка шоу при любых HTTP-запросах поможет нам реализация HTTP-перехватчика. Перехватчик часто используется в Angular 1, но как реализовать его в новом Angular 2?

HTTP-перехватчик в Angular 2

Мы можем реализовать HTTP-перехватчик в Angular 2, когда мы создаем новую службу (HttpService), которая расширяет Http из @ angular / http '.
В нашей HttpService мы можем реализовать наш get / post / put /… методы. В этих методах мы вызываем наш код и в конце каждого вызова, например, super.get (…) с возвратом. Эти методы возвращают Observable, это подходящее место для обнаружения ошибок и перехвата onSubscribeSuccess, onSubscribeError, повторных вызовов запроса,…

Наш обработчик запроса GET может выглядеть так.

В каждом HTTP-запросе мы также вызываем метод, который называется requestInterceptor (). В нашем случае мы используем его для отображения слоя загрузки. Наш LoaderService реализует встроенную загрузку из Ionic 2. После каждого запроса нам нужно скрыть уровень загрузки в нашем приложении. Это просто, мы вызываем метод responseInterceptor () в нашем методе onFinally () для каждого наблюдаемого в конкретном запросе.

Это код нашего простого метода requestInterceptor (), responseInterceptor, он выглядит примерно так же.

Весь код нашей новой службы HTTP.

Спасибо за чтение 🙌

Как создать предварительные загрузчики HTTP с помощью HTTP-перехватчика?
Подробнее читайте в моей следующей статье.