What is httpinterceptor equivalent in angular2?

by

As @Günter pointed it out, there is no way to register interceptors. You need to extend the Http class and put your interception processing around HTTP calls

First you could create a class that extends the Http:

@Injectable()
export class CustomHttp extends Http {
  constructor(backend: ConnectionBackend, defaultOptions: RequestOptions) {
    super(backend, defaultOptions);
  }

  request(url: string | Request, options?: RequestOptionsArgs): Observable<Response> {
    console.log('request...');
    return super.request(url, options).catch(res => {
      // do something
    });        
  }

  get(url: string, options?: RequestOptionsArgs): Observable<Response> {
    console.log('get...');
    return super.get(url, options).catch(res => {
      // do something
    });
  }
}

and register it as described below:

bootstrap(AppComponent, [HTTP_PROVIDERS,
    new Provider(Http, {
      useFactory: (backend: XHRBackend, defaultOptions: RequestOptions) => new CustomHttp(backend, defaultOptions),
      deps: [XHRBackend, RequestOptions]
  })
]);

The request and requestError kinds could be added before calling the target methods.

For the response one, you need to plug some asynchronous processing into the existing processing chain. This depends on your need but you can use operators (like flatMap) of Observable.

Finally for the responseError one, you need to call the catch operator on the target call. This way you will be notified when an error occurs in the response.

This links could help you:

More Related Contents:

  1. How can I chain HTTP calls in Angular 2?
  2. How to pass url arguments (query string) to a HTTP request on Angular?
  3. How to catch exception correctly from http.request()?
  4. Angular2 http.get() ,map(), subscribe() and observable pattern – basic understanding
  5. How to correctly set Http Request Header in Angular 2
  6. How to use angular2 http API for tracking upload/download progress
  7. Angular2 OPTIONS method sent when asking for http.GET [duplicate]
  8. Angular2 / Error: Collection not found
  9. How to cancel a HTTPRequest in Angular 2?
  10. What is the difference between a URI, a URL and a URN?
  11. Can I read the hash portion of the URL on my server-side application (PHP, Ruby, Python, etc.)?
  12. Are the PUT, DELETE, HEAD, etc methods available in most web browsers?
  13. Is an entity body allowed for an HTTP DELETE request?
  14. Are HTTP headers case-sensitive?
  15. How to create cross-domain request?
  16. How to display the Authentication Challenge in UIWebView?
  17. Difference between Pragma and Cache-Control headers?
  18. How to do the chain sequence in rxjs
  19. Which HTTP methods match up to which CRUD methods?
  20. Why is Cache-Control attribute sent in request header (client to server)?
  21. How to forward headers on HTTP redirect
  22. Location detecting techniques for IP addresses
  23. Standard for adding multiple values of a single HTTP Header to a request or response
  24. How to point to localhost:8000 with the Dart http package in Flutter?
  25. Setting HTTP headers
  26. I need two instances of AngularJS $http service or what?
  27. HTTP and HTTPS iframe
  28. How to use Chrome’s network debugger with redirects
  29. Should I use PATCH or PUT in my REST API?
  30. What is a connection timeout during a http request

Leave a Comment