Welche Art von JSON sollte von dem Server im Falle eines Fehlers in angular2 zurückkehren

Question

Ich mache meine erste angular2 App.

Es wird Login-Verifizierung vom Server. Es sendet Benutzername (E-Mail) und Passwort an den Server und im Gegenzug erhält es das USER OBJECT.

user.ts

export class User { 
    constructor(
    public id: number, 
    public email: string, 
    public password: string, 
    public token: string, 
    public firstName: string, 
    public lastName: string, 
    public lastLogin: number, 
    public credits: number, 
    public isAdmin: number 
    ) { } 
} 

Erfolg json

{"id":2,"email":"john.doe@google","password": "", "token":"37ee4a596d443aaf0308c0783bfdcf83","firstName":"John","lastName":"Doe","lastLogin":1486994085,"credits":0,"isAdmin":0} 

Fehlermeldungen

{"code":"empty","error":"Password is empty"} 
{"code":"auth-failed","error":"Login information not correct"} 
{"code":"auth-failed","error":"Invalid id\/token, please login again"} 

Nun, wenn ging mein zu programmieren Fehlermeldungen es hat mich

denken

Mein Code ist dies, wie werde ich Fehler in der angular2

return this.http.get(url) 
      .map(response => response.json() as User) 
      .catch(this.handleError); 

Griff Ich glaube, ich kann nicht die response.json() als Benutzer Ursache es benutzen werden Crash-App im Falle eines Fehlers. Was ist die beste Praxis? Sollte ich mein JSON-Format auch für den Erfolg ändern?

Answer 1

Zuerst sollten Sie sicherstellen, dass Sie den richtigen HTTP-Statuscode für die Antwort vom Server festgelegt haben (vorausgesetzt, Sie steuern den Server). Anschließend können Sie den Inhalt der Antwort so festlegen, wie Sie möchten, und ihn dann basierend auf dem Status mit dem Catch-Handler beliebig behandeln.

return this.http.get(url) 
     .map(response => response.json() as User) 
     .catch(err => /* handle err*/); 

Weitere Informationen über Statuscodes:

Wenn der Server nicht den Statuscodes einstellen, dann würden Sie bei den Rohdaten schauen müssen, um zu sehen, was Sie bekommen (edit: hoffentlich Dies ist nicht der Fall, da Ihr Server den Regeln nicht folgen würde).

https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html

https://en.wikipedia.org/wiki/List_of_HTTP_status_codes

Answer 2

Verwenden Sie einfach res.json()

So:

login(){ 
     return this.http.get(url) 
      .map(response => response.json()); 
} 

Dann für Ihre Funktion HTTP-Anforderung wie folgt aufrufen:

this._yourservice.login().subscribe(
     suc => { 
      console.log(suc); // success json, if returned with http response status 200 
     }, 
     err => { 
      var res = JSON.parse(err._body); 
      console.log(suc); // error json if returned with other http response status 
     } 
    ); 

Answer 3

Wenn Sie Rückkehr HTTP-Statuscodes anderer als 200 als Teil der Server-Antwort, dann wird der Winkel 2 Aufruf an http.get eine Ausnahme werfen, die Sie handleError leitet.