angular - 如何在 Angular 7 中管理 API 函数调用服务
问题描述
我完成了一个 Angular 7 网络应用程序(大致)。例如,我有一个documents.service.ts 文件,它包含以下HTTP GET 请求函数:
public sendOnlyCoverPage(strProNo: string, strEstesFileName: string): Observable<any> {
return this._http.get(this.FilesApi + "/GetSendOnlyCoverPage?strProNo=" + strProNo + '&strEstesFileName=' + strEstesFileName, httpOptions);
}
POST 请求格式如下:
public FTP_PutFile(ftpModel: any): Observable<any> {
var obj = JSON.stringify(ftpModel);
return this._http.post(this.FilesApi + "/PostFTP_PutFile", obj, httpOptions);
}
我有两个问题:
问题一:
我在上面的不同服务中有很多 HTTP GET 和 POST 函数。我觉得我在 API 函数设计上做错了,因为当我打开任何服务文件时,有很多类似上面的函数。我在想有什么方法可以集中这些 api 功能。比如我可以创建一个中间服务,每当我需要进行 API 调用时,我可以传递函数名、url 和参数等。
问题2:
如上面的代码所示,我有参数ftpModel: any。我知道最好创建一个对象映射(接口)来替换任何类型。但是同样,有很多这样的参数。有没有解决方案,而不是为每个参数创建每个对象映射(接口)?
解决方案
问题 1 您应该创建一个抽象的 BaseService,如下所示:
import {HttpClient} from '@angular/common/http';
import {Observable} from 'rxjs';
import {environment} from '../../environments/environment';
export abstract class BaseService<T> {
private endpoint: string;
constructor(protected http: HttpClient,
endpoint: string) {
this.endpoint = endpoint;
}
findAll(): Observable<T[]> {
return this.http.get<T[]>(this.getUrl());
}
findOne(id: number): Observable<T> {
return this.http.get<T>(`${this.getUrl()}/${id}`);
}
save(objeto: T): Observable<T> {
return this.http.post<T>(this.getUrl(), objeto);
}
delete(id: number): Observable<void> {
return this.http.delete<void>(`${this.getUrl()}/${id}`);
}
protected getUrl(): string {
return `${environment.api_url}${this.endpoint}`;
}
complete(query: string): Observable<T[]> {
return this.http.get<T[]>(`${this.getUrl()}/complete?query=${query}`);
}
}
而且,在您的服务中扩展它:
export class ProductService extends BaseService<Product> {
constructor(protected http: HttpClient) {
super(http, 'product');
}
}
我的 github中的一个示例
问题 2 更好的方法仍然是您提到的,为映射创建类/接口。
推荐阅读
- python - / 不支持的操作数类型:“datetime.timedelta”和“datedelta”
- r - 如何将循环变成基于向量的代码?
- python - 在python中将google sheet csv加载为字典
- r - 当使用公式并且未绘制异常值时,R中的分面/单独的箱线图?(ggplot2 或 r 基础知识)
- python - 如何在python中自动化imshow图
- sql - 在两组日期之间选择客户,而不仅仅是两个日期
- oracle-cloud-infrastructure - 无法从 java sdk 创建实例
- python-3.x - PyQt 无法将 tableWIdget 添加到现有应用程序
- c# - 调用 DLL 函数时遇到问题
- html - 背景剪辑与边界半径混淆