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