angular4-http-wrapper

HttpClient wrapper.

Install npm i angular4-http-warpper.

A wrapper for HttpClient .Thiis lib free you from learning the HttpCleint .It handle the error occur in the call and throw an Observable object.

Syntax for calling http get, post , put , delete and pactch.

1.public get(
url: string, httpParams:HttpParams|{}=null,
httpHeadres:HttpHeaders|{}=null,
isFullResponse:boolean = false
): Observable
Expect url ,all are optional.
url:The relative url or full url if base_ur not supplied at the module import as given below.
httpParams:use HttpParams directly or just JSON object like {"name":"serial" }.
httpHeadres:use HttpHeaders or js object like {"Cached-Content" :"true"},
isFullResponse:If you want to receive the response after full fetch.
eg.Declare httpService: HttpWrapperService in your data service class.
Supposse modal like following your ar expecting.
class User{

name:string;
id:int;
}
1.httpService.get("/getId?a=1");
2.httpService.get("/getId",{"a":"1"});
3.httpService.get("/getId",{"name":"raj"},{ "Cached-Content","true","Storage-type":"local","Cache-key":"user-details"});

2.public post(
url: string, body: any,
httpHeadres:HttpHeaders =null,
isFullResponse:boolean = false

): Observable.
Expect url and body ,all are optional.

1.url:The relative url or full url if base_ur not supplied at the module import as given below.
2.body:JSON or string.
3.httpHeadres:use HttpHeaders or js object like {"Cached-Content" :"true"},
4.isFullResponse:If you want to receive the response after full fetch.
eg.Declare httpService: HttpWrapperService in your data service class.And suppose , you are expecting a modal like user described above.
1.httpService.post("/getId",{"name":"raj","id":1});

2.httpService.post("/getId",{"name":"raj","id":1},{ "Cached-Content","true","Storage-type":"local","Cache-key":"user-details"});

3.public put(
url: string, body: any,
httpHeadres:HttpHeaders =null,
isFullResponse:boolean = false

): Observable.
Expect url and body ,all are optional.

1.url:The relative url or full url if base_ur not supplied at the module import as given below.
2.body:JSON or string.
3.httpHeadres:use HttpHeaders or js object like {"Cached-Content" :"true"},
4.isFullResponse:If you want to receive the response after full fetch.
eg.Declare httpService: HttpWrapperService in your data service class.And suppose , you are expecting a modal like user described above.
1.httpService.put("/getId",{"name":"raj","id":1});

2.httpService.put("/getId",{"name":"raj","id":1},{ "Cached-Content","true","Storage-type":"local","Cache-key":"user-details"});

4. public delete(
url: string,
httpParams:HttpParams=null,
httpHeadres:HttpHeaders=null,
isFullResponse:boolean = false

): Observable
Expect url ,all are optional.

5. public patch(
url: string, body: any,
httpHeadres:HttpHeaders,
isFullResponse:boolean = false
): Observable {

Expect url ,all are optional.

First include HttpWrapperModule.forRoot() in your module.
It has four optional parameter.This parameter should be supplied if need to be used.
1.API_BASE_URL:the base url for all the API call .
2.TOKEN_KEY:if auth-key value should be put in the header for the remote http call , give the header value "TOKEN_KEY" .
3.TOKEN_STORAGE : toekn storgae : session or local .
4.TOKEN_HEADER_KEY:The key name used for remote authorization .
5.PREFIX_TOKEN_KEY : Any prefix to be used with key value :eg "Bear" before toekn key in header.
use relative URL for all call.
6.LOG_TIME:If need to log the time time to console, set value as true.

This support the result storage in Session or Local storage based on the header value supplied .
Usage :set following values in the header.
Cached-Content : true
storage-type : session or local.
Cache-key : Key used for store in session or local storage.