angular2 teilen eine http-Service-Schicht

Question

Ich muss einen Service machen, der zwischen den verschiedenen angular2 Anwendungen geteilt werden kann. Dieser Dienst greift auf die Rest-API zu und wickelt seine Daten so ein, dass Angular Application sie verwenden kann. Wenn ich angular2 http-Dienst verwende, dann muss ich das ganze angular2 als eine Abhängigkeit für den Dienst haben.

Momentan möchte ich die Serviceebene als separates npm-Paket haben, damit ich sie zwischen den verschiedenen Projekten wiederverwenden kann.

Gibt es eine bessere Möglichkeit, die Wiederverwendbarkeit zu erreichen und nicht die gesamte angular2-Bibliothek im Servicepaket zu installieren?

Answer 1

• Sie brauchen nicht winkelförmigen Stangen Http zu verwenden. Sie können Ihre eigene Klasse erstellen, die XMLHttpRequest aufruft, oder fetch API direkt oder jede andere Bibliothek verwenden, die AJAX-Anfragen ausführt.

• Angular wird Http zu seinem eigenen Paket zu bewegen (aus dem Angular2 Haupt Repo) https://github.com/angular/http (work in progress)

• Sie Schnittstellen in Ihrem HTTP-Service-Layer erstellen können, die die öffentliche API des Spiels Http Klasse und übergeben Sie dann eine Http Instanz in den Dienst, wenn Sie Ihre Angular-Anwendung bootstrappen.

interface MyHttp { 
    get(url: string, options?: RequestOptionsArgs): Observable<Response>; 
    ... 
} 

let myHttpService = new MyHttpService(); 

bootstrap(AppComponent1, [ 
    HTTP_PROVIDERS, 
    provide(MyHttpService, { 
     deps: [Http], 
     useFactory: (http) => { 
      if(!myHttpService.http) { 
      myService.http = http; 
      } 
      return myService; 
     }) 
    })] 
); 

dann in Ihre Komponenten und Dienstleistungen verwenden Sie es wie

export class MyComponent { 
    constructor(private _myHttp: MyHttpService) { 
    this._myHttp.doSomething(); 
    } 
} 

Tipp: Wenn Sie auch Ihre MyHttpService als Ersatz von Http injizieren wollen (um Komponenten und Dienstleistungen aus Ihre Kontrolle, die Anfrage Http verwenden Sie Ihre MyHttpService) der Anbieter müsste anders aussehen.