模拟http请求

时间:2018-06-28 20:52:47

标签: javascript ajax angular http

因此,当前我正在使用Angular编程前端应用程序(不是很重要),并且我有一项服务,该服务当前提供硬编码的json数据。

import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';
import { Client } from '../models/client';

@Injectable({
  providedIn: 'root'
})
export class ClientService {

  clientsDataMock : Client[] = [    
    {name: "Client A", id: "15", profiles: [
      {name: "profile1"},
      {name: "profile2"},
      {name: "profile3"}
    ]},
    {name: "Client B", id: "20", profiles: [
      {name: "profileX"}
    ]},
    {name: "Client C", id: "25", profiles: [
      {name: "profileY"}
    ]}
  ];
  constructor() { }

  getClients(): Observable<Client[]> {
    return of(this.clientsDataMock);
  }

  getClient(id : String) : Observable<Client>{
    return of(this.clientsDataMock.find(client => client.id == id));
  }
}

目前,可观察对象并没有多大意义,在将所有这些都真正连接到后端之前,我想从其他文件加载所有数据,并模拟ajax调用或http请求,这将在以后实现。

是否可以模拟这种行为并从单独的文件中获取数据?

1 个答案:

答案 0 :(得分:1)

浏览此https://github.com/service-mocker/service-mocker和其他类似的模拟API生成器。