我们在项目中使用Angular 2。到目前为止,我们在开发中的数据服务中使用in-memory-web-api
:
app.module.ts:
imports: [
HttpModule,
InMemoryWebApiModule.forRoot(MockData),
...
]
data.service.ts:
constructor(private http: Http) { }
现在是时候获取一些真实数据了。但是,我们无法一次性替换Mock Data。如何将我的数据服务配置为:
constructor(private fakeHttp: FakeHttp, /* this one use in-memory-api */
private http: Http /* this one goes to real remote server */) { }
所以我们可以随着项目的进展逐步移动模拟数据?
angular-in-memory-web-api
提供了几个选项,而不是试图做这个丑陋的“两个HTTP”。
从0.1.3开始,有一个配置属性可以将所有未找到的集合调用转发给常规XHR。
InMemoryWebApiModule.forRoot(MockData, {
passThruUnknownUrl: true
})
这将做的是将任何无法找到集合的请求转发给真正的XHR。因此,一种选择是逐步从内存数据库中删除集合,如同需要的那样。
class MockData implements InMemoryDbService {
createDb() {
let cats = [];
let dogs = [];
return {
cats,
// dogs
};
}
}
一旦从数据库中删除dogs
集合,内存中现在将所有狗请求转发到真实后端。
这只是一个集合级修复。但是如果你需要更细粒度的控制,你可以使用方法拦截器。
在你的MockData
类中,假设您要覆盖get
方法,只需将其添加到MockData
类,并使用HttpMethodInterceptorArgs
参数。
class MockData implements InMemoryDbService {
get(args: HttpMethodInterceptorArgs) {
// do what you will here
}
}
HttpMethodInterceptorArgs
的结构如下(只是让你知道你可以用它做什么)
HttpMethodInterceptorArgs: {
requestInfo: {
req: Request (original request object)
base
collection
collectionName
headers
id
query
resourceUrl
}
passThruBackend: {
The Original XHRBackend (in most cases)
}
config: {
this is the configuration object you pass to the module.forRoot
}
db: {
this is the object from creatDb
}
}
作为一个例子,如果您只转发所有获取请求,这就是它的样子
get(args: HttpMethodInterceptorArgs) {
return args.passthroughBackend.createConnection(args.requstInfo.req).response
}