Task #44 - Create ApiService and ApiResponse classes for backend communication
parent
944185d829
commit
f3845b76b6
@ -0,0 +1,12 @@
|
|||||||
|
import { TestBed } from '@angular/core/testing';
|
||||||
|
|
||||||
|
import { ApiService } from './api.service';
|
||||||
|
|
||||||
|
describe('ApiService', () => {
|
||||||
|
beforeEach(() => TestBed.configureTestingModule({}));
|
||||||
|
|
||||||
|
it('should be created', () => {
|
||||||
|
const service: ApiService = TestBed.get(ApiService);
|
||||||
|
expect(service).toBeTruthy();
|
||||||
|
});
|
||||||
|
});
|
@ -0,0 +1,58 @@
|
|||||||
|
import { Injectable } from '@angular/core';
|
||||||
|
import { environment } from '../../environments/environment';
|
||||||
|
import {HttpClient} from '@angular/common/http';
|
||||||
|
import {Observable} from 'rxjs';
|
||||||
|
import ApiResponse from '../structures/ApiResponse';
|
||||||
|
|
||||||
|
@Injectable({
|
||||||
|
providedIn: 'root'
|
||||||
|
})
|
||||||
|
export class ApiService {
|
||||||
|
protected baseEndpoint: string = environment.backendBase;
|
||||||
|
|
||||||
|
constructor(
|
||||||
|
protected http: HttpClient,
|
||||||
|
) { }
|
||||||
|
|
||||||
|
public get(endpoint, params = {}): Observable<ApiResponse> {
|
||||||
|
return this.request(endpoint, params, 'get');
|
||||||
|
}
|
||||||
|
|
||||||
|
public post(endpoint, body = {}): Observable<ApiResponse> {
|
||||||
|
return this.request(endpoint, body, 'post');
|
||||||
|
}
|
||||||
|
|
||||||
|
public request(endpoint, params = {}, method: 'get'|'post' = 'get'): Observable<ApiResponse> {
|
||||||
|
return new Observable<ApiResponse>(sub => {
|
||||||
|
const data: any = {}
|
||||||
|
if ( method === 'get' ) {
|
||||||
|
data.params = params;
|
||||||
|
} else {
|
||||||
|
data.body = params;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.http[method](this._build_url(endpoint), data).subscribe({
|
||||||
|
next: (response: any) => {
|
||||||
|
sub.next(new ApiResponse(response));
|
||||||
|
},
|
||||||
|
error: (err) => {
|
||||||
|
const response = {
|
||||||
|
status: err.status,
|
||||||
|
message: err.message,
|
||||||
|
data: err.error,
|
||||||
|
};
|
||||||
|
|
||||||
|
sub.next(new ApiResponse(response));
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
private _build_url(endpoint) {
|
||||||
|
if ( !endpoint.startsWith('/') ) {
|
||||||
|
endpoint = `/${endpoint}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
return `${this.baseEndpoint.endsWith('/') ? this.baseEndpoint.slice(0, -1) : this.baseEndpoint}${endpoint}`;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,11 @@
|
|||||||
|
export default class ApiResponse {
|
||||||
|
public data: any;
|
||||||
|
public message: string;
|
||||||
|
public status: number;
|
||||||
|
|
||||||
|
constructor(data: { status: number, message: string, data: any }) {
|
||||||
|
this.data = data.data;
|
||||||
|
this.message = data.message;
|
||||||
|
this.status = data.status;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in new issue