Angular HttpClient RestApi

FILE NAME: http-parameter-encoding-codec.ts

import { HttpParameterCodec } from '@angular/common/http';

export class HttpParameterEncodingCodec implements HttpParameterCodec {

  encodeKey(k: string): string { return standardEncoding(k); }

  encodeValue(v: string): string { return standardEncoding(v); }

  decodeKey(k: string): string { return decodeURIComponent(k); }

  decodeValue(v: string) { return decodeURIComponent(v); }

}

function standardEncoding(v: string): string {

  return encodeURIComponent(v);

}

FILE NAME: rest-api.service.ts

import { Injectable } from '@angular/core';

import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';

import { Observable } from 'rxjs';

import { HttpParameterEncodingCodec } from './http-parameter-encoding-codec.ts';

@Injectable({

  providedIn: 'root'

})

export class RestApiService {

  apiUrl: string = '';//environment.apiUrl;

  constructor(private http: HttpClient) { }

  getRequest(url: string, params: any): Observable<any> {

    let httpHeaders = new HttpHeaders({ 'Content-Type': 'application/json' })

      , httpParams = new HttpParams({ encoder: new HttpParameterEncodingCodec() });

    url = this.apiUrl + url;

    for (let key in params) {

      let value = params[key];

      httpParams = httpParams.set(key, value);

    }

    return this.http.get(url, { headers: httpHeaders, responseType: 'json', params: httpParams });

  }

  postRequest(url: string, body: any): Observable<any> {

    let httpHeaders = new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' })

      , httpParams = new HttpParams({ encoder: new HttpParameterEncodingCodec() });

    for (const key in body) {

      if (body[key] !== null) {

        httpParams = httpParams.set(key, body[key]);

      }

    }

    url = this.apiUrl + url;

    body = httpParams;

    return this.http.post(url, body, { headers: httpHeaders, responseType: 'json' });

  }

  putRequest(url: string, body: any): Observable<any> {

    let httpHeaders = new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' })

      , httpParams = new HttpParams({ encoder: new HttpParameterEncodingCodec() });

    for (const key in body) {

      if (body[key] !== null) {

        httpParams = httpParams.set(key, body[key]);

      }

    }

    url = this.apiUrl + url;

    body = httpParams;

    return this.http.put(url, body, { headers: httpHeaders, responseType: 'json' });

  }

  patchRequest(url: string, body: any): Observable<any> {

    let httpHeaders = new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' })

      , httpParams = new HttpParams({ encoder: new HttpParameterEncodingCodec() });

    for (const key in body) {

      if (body[key] !== null) {

        httpParams = httpParams.set(key, body[key]);

      }

    }

    url = this.apiUrl + url;

    body = httpParams;

    return this.http.patch(url, body, { headers: httpHeaders, responseType: 'json' });

  }

  deleteRequest(url: string): Observable<any> {

    const httpHeaders = new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' });

    url = this.apiUrl + url;

    return this.http.delete(url, { headers: httpHeaders, responseType: 'json' });

  }

  postJson(url: string, data: any): Observable<any> {

    const httpHeaders = new HttpHeaders({ 'Content-Type': 'application/json; charset=UTF-8' });

    url = this.apiUrl + url;

    return this.http.post(url, JSON.stringify(data), { headers: httpHeaders, responseType: 'json' });

  }

  putJson(url: string, data: any): Observable<any> {

    const httpHeaders = new HttpHeaders({ 'Content-Type': 'application/json; charset=UTF-8' });

    url = this.apiUrl + url;

    return this.http.put(url, JSON.stringify(data), { headers: httpHeaders, responseType: 'json' });

  }

  postFormObject(url: string, params: any): Observable<any> {

    url = this.apiUrl + url;

    const formData = new FormData();

    if (params.hasOwnProperty('file')) {

      let files = params['file'];

      for (let i = 0; i < files.length; i++) {

        const file = files[i];

        formData.append('file[]', file, file['name']);

      }

    }

    for (let key in params) {

      if (key != 'file') {

        formData.append(key, params[key]);

        //formData.append('ref_table_id', params['ref_table_id']);

      }

    }

    return this.http.post(url, formData, {});

  }

  public apiJson(url: string, params: any): Observable<any> {

    let httpHeaders = new HttpHeaders({ 'Content-Type': 'application/json' })

      , httpParams = new HttpParams({ encoder: new HttpParameterEncodingCodec() });

    for (let key in params) {

      let value = params[key];

      httpParams = httpParams.set(key, value);

    }

    return this.http.get(url, { headers: httpHeaders, responseType: 'json', params: httpParams });

  }

}

Share on Google Plus

About Ram Pukar

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.