Najlepsza praktyka związana z usługami REST wywołań i globalnym wychwytywaniem błędów za pomocą metody kątowej2

Question

Co to jest najlepsza praktyka do nawiązywania połączeń z usługą REST SERVICE w układzie kątowym2 i wychwytywaniem globalnych wyjątków w celu obsługi błędów i wyświetlania niestandardowych komunikatów.

Czy ktoś ma z tym coś wspólnego?

Answer 1

Najlepszym rozwiązaniem jest zawinięcie usługi Http za pomocą własnej usługi. Na przykład możesz utworzyć usługę o nazwie YourHttp. YourHttp powinien zaimplementować ten sam interfejs co Http.

Inject Http do YourHttp i mieć każdą metodę, get, post, put .. itp wywołać metodę http a następnie złapać i obsługiwać żadnych błędów.

Teraz w komponentach wstrzyknij YourHttp. Aby uzyskać dodatkowe punkty, skonfiguruj DI, aby wstrzyknąć YourHttp, gdy składniki zostaną opatrzone anotacją, aby wstrzyknąć Http.

Aktualizacja

Teraz jest HttpClient, najlepiej jest użyć przechwytujących.

Answer 2

Najlepszą praktyką, jaką dotychczas odkryłem, jest utworzenie usługi globalnej i utworzenie w niej metody związanej z http . tj get, put, Post, Usuń itp niż poprzez żądania używając metody te nazywają swoje żądanie usługi API i połów tam błędów za pomocą bloku catch i komunikat na wyświetlaczu, jak chcesz, na przykład: -

Global_Service.ts

import {Injectable} from '@angular/core'; 
import {Http, Response, RequestOptions, Headers, Request, RequestMethod} from '@angular/http'; 
import {Observable} from 'rxjs/Rx'; 
import 'rxjs/Rx'; 

@Injecable() 
export class GlobalService { 
    public headers: Headers; 
    public requestoptions: RequestOptions; 
    public res: Response; 

    constructor(public http: Http) { } 

    public PostRequest(url: string, data: any): any { 

     this.headers = new Headers(); 
     this.headers.append("Content-type", "application/json"); 
     this.headers.append("Authorization", 'Bearer ' + key); 

     this.requestoptions = new RequestOptions({ 
      method: RequestMethod.Post, 
      url: url, 
      headers: this.headers, 
      body: JSON.stringify(data) 
     }) 

     return this.http.request(new Request(this.requestoptions)) 
      .map((res: Response) => { 
        return [{ status: res.status, json: res }] 
      }) 
      .catch((error: any) => {  //catch Errors here using catch block 
       if (error.status === 500) { 
        // Display your message error here 
       } 
       else if (error.status === 400) { 
        // Display your message error here 
       } 
      }); 
    } 

    public GetRequest(url: string, data: any): any { ... } 

    public PutRequest(url: string, data: any): any { ... } 

    public DeleteRequest(url: string, data: any): any { ... } 
} 

lepiej do świadczenia tej usługi jako zależność w czasie bootstraping swoją aplikację tak: -

bootstrap (APP, [GlobalService, .....]) 

niż gdziekolwiek chcesz zadzwonić żądanie wywołać żądania za pomocą tych metod globalservice jak to: -

demo.ts

export class Demo { 
    ... 
    constructor(public GlobalService: GlobalService) { } 

    getMethodFunction(){ 
     this.GlobalService.PostRequest(url, data) 
     .subscribe(res => {console.log(res), 
        err => {console.log(err)} 
      }); 
    } 

zobaczyć również

• catch is not working for http.get Angular2.

  nadzieję, że to może pomóc.