Angular2でのHTTP通信について

Question

###前提・実現したいこと
Angular2のチュートリアルを参考に勉強しており、Http通信の部分についての質問です。

公式チュートリアルの通り、InMemoryWebAPIをインストールして読み書きを実行することはできたのですが、json形式ファイルなどの外部ファイルを読み書きしたいと思っています。ローカル開発環境でこれは不可能なのでしょうか。

サーバーに上げる前にローカル開発環境でファイルの読み書きをテストできるようにしたいので、おすすめの方法があれば教えてください。

これまでサーバーとのデータのやりとりはPHPでしか書いたことが無いため、InMemoryWebAPIの位置づけなどをあまり理解できていない可能性がありますが、そのあたりも含めておすすめの方法や資料があれば教えていただけると助かります。

###試したこと

• ng buildしてdistの内容を物理サーバーにアップロード

→ 物理サーバー上ではファイルのアドレスを指定すればhttp.getなどがとりあえず動くのは確認できた
（ローカル開発環境でそのようなファイル操作をテストしたい）

• Angular2のデフォルトのローカル開発環境をファイル構成を手動で操作できる自前のローカル開発環境で置き換える？

→ そのような方法があるかどうか分からない

###該当のソースコード

公式チュートリアルと少し名前を変えてしまっていますがやることはほとんどそのままです。
CardInfoというクラスを読み込んでおり、cardinfo.json のようなデータを読み込んで表示する部分です。

import { Component, OnInit } from '@angular/core';
import { HttpModule, Http, Headers } from '@angular/http';

import 'rxjs/add/operator/toPromise';

import { CardInfo } from "../../card-info";


@Component({
  selector: 'app-cardlist',
  templateUrl: './cardlist.component.html',
  styleUrls: ['./cardlist.component.css']
})
export class CardlistComponent implements OnInit {

  CardInfoList: CardInfo[];

  constructor(
    private http: Http
  ) {}

  ngOnInit() {
    this.GetCardInfo()
      .then( CardInfoArray => this.CardInfoList = CardInfoArray );
  }


  private CardInfoUrl = './cardinfo.json';
  // private CardInfoUrl = 'api/cardinfo';

  private handleError( error: any ): Promise<any> {
    console.error('An error occurred', error); // for demo purposes only
    return Promise.reject( error.message || error );
  }

  // get CardInfo
  GetCardInfo(): Promise< CardInfo[] > {
    console.log( this.CardInfoUrl );
    return this.http
      .get( this.CardInfoUrl )
      .toPromise()
      // .then( response => console.log( response.json().data ) )
      .then( response => response.json().data as CardInfo[] )
      .catch( this.handleError );
  }
}

// cardinfo.json
{
	"data" : [
      { "id": 11, "name": "aaaaaa" },
      { "id": 12, "name": "bbbbbb" },
      { "id": 13, "name": "cccccc" }
	]
}

###補足情報(言語/FW/ツール等のバージョンなど)

$ ng --version
@angular/cli: 1.0.0
node: 6.10.0
os: win32 x64
@angular/common: 4.0.1
@angular/compiler: 4.0.1
@angular/core: 4.0.1
@angular/forms: 4.0.1
@angular/http: 4.0.1
@angular/platform-browser: 4.0.1
@angular/platform-browser-dynamic: 4.0.1
@angular/router: 4.0.1
@angular/cli: 1.0.0
@angular/compiler-cli: 4.0.1