Last active
July 22, 2017 00:33
-
-
Save tomasstankovic/c8f8dd537ed505a4dbc746818de5cdac to your computer and use it in GitHub Desktop.
Angular 2 Http interceptor
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Injectable } from '@angular/core'; | |
import { | |
Http, | |
ConnectionBackend, | |
RequestOptions, | |
RequestOptionsArgs, | |
Response, | |
Headers | |
} from '@angular/http'; | |
import { Observable } from 'rxjs/Observable'; | |
import { LoaderService } from "./loader-service"; | |
import 'rxjs/Rx'; | |
@Injectable() | |
export class HttpService extends Http { | |
constructor(backend: ConnectionBackend, | |
defaultOptions: RequestOptions, | |
private loaderService: LoaderService) { | |
super(backend, defaultOptions); | |
} | |
/** | |
* Performs any type of http request. | |
* @param url | |
* @param options | |
* @returns {Observable<Response>} | |
*/ | |
request(url: string | Request, options?: RequestOptionsArgs): Observable<Response> { | |
return super.request(url, options); | |
} | |
/** | |
* Performs a request with `get` http method. | |
* @param url | |
* @param options | |
* @returns {Observable<>} | |
*/ | |
get(url: string, options?: RequestOptionsArgs): Observable<any> { | |
this.requestInterceptor(); | |
return super.get(this.getFullUrl(url), this.requestOptions(options)) | |
.catch(this.onCatch) | |
.do((res: Response) => { | |
this.onSubscribeSuccess(res); | |
}, (error: any) => { | |
this.onSubscribeError(error); | |
}) | |
.finally(() => { | |
this.onFinally(); | |
}); | |
} | |
getLocal(url: string, options?: RequestOptionsArgs): Observable<any> { | |
return super.get(url, options); | |
} | |
/** | |
* Performs a request with `post` http method. | |
* @param url | |
* @param body | |
* @param options | |
* @returns {Observable<>} | |
*/ | |
post(url: string, body: any, options?: RequestOptionsArgs): Observable<any> { | |
this.requestInterceptor(); | |
return super.post(this.getFullUrl(url), body, this.requestOptions(options)) | |
.catch(this.onCatch) | |
.do((res: Response) => { | |
this.onSubscribeSuccess(res); | |
}, (error: any) => { | |
this.onSubscribeError(error); | |
}) | |
.finally(() => { | |
this.onFinally(); | |
}); | |
} | |
/** | |
* Performs a request with `put` http method. | |
* @param url | |
* @param body | |
* @param options | |
* @returns {Observable<>} | |
*/ | |
put(url: string, body: string, options?: RequestOptionsArgs): Observable<any> { | |
this.requestInterceptor(); | |
return super.put(this.getFullUrl(url), body, this.requestOptions(options)) | |
.catch(this.onCatch) | |
.do((res: Response) => { | |
this.onSubscribeSuccess(res); | |
}, (error: any) => { | |
this.onSubscribeError(error); | |
}) | |
.finally(() => { | |
this.onFinally(); | |
}); | |
} | |
/** | |
* Performs a request with `delete` http method. | |
* @param url | |
* @param options | |
* @returns {Observable<>} | |
*/ | |
delete(url: string, options?: RequestOptionsArgs): Observable<any> { | |
this.requestInterceptor(); | |
return super.delete(this.getFullUrl(url), options) | |
.catch(this.onCatch) | |
.do((res: Response) => { | |
this.onSubscribeSuccess(res); | |
}, (error: any) => { | |
this.onSubscribeError(error); | |
}) | |
.finally(() => { | |
this.onFinally(); | |
}); | |
} | |
/** | |
* Request options. | |
* @param options | |
* @returns {RequestOptionsArgs} | |
*/ | |
private requestOptions(options?: RequestOptionsArgs): RequestOptionsArgs { | |
if (options == null) { | |
options = new RequestOptions(); | |
} | |
if (options.headers == null) { | |
options.headers = new Headers(); | |
} | |
return options; | |
} | |
/** | |
* Build API url. | |
* @param url | |
* @returns {string} | |
*/ | |
private getFullUrl(url: string): string { | |
// return full URL to API here | |
} | |
/** | |
* Request interceptor. | |
*/ | |
private requestInterceptor(): void { | |
this.loaderService.showPreloader(); | |
} | |
/** | |
* Response interceptor. | |
*/ | |
private responseInterceptor(): void { | |
this.loaderService.hidePreloader(); | |
} | |
/** | |
* Error handler. | |
* @param error | |
* @param caught | |
* @returns {ErrorObservable} | |
*/ | |
private onCatch(error: any, caught: Observable<any>): Observable<any> { | |
return Observable.throw(error); | |
} | |
/** | |
* onSubscribeSuccess | |
* @param res | |
*/ | |
private onSubscribeSuccess(res: Response): void { | |
} | |
/** | |
* onSubscribeError | |
* @param error | |
*/ | |
private onSubscribeError(error: any): void { | |
} | |
/** | |
* onFinally | |
*/ | |
private onFinally(): void { | |
this.responseInterceptor(); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment