Ember.js App sollte umleiten, um einzuloggen, wenn ember-Daten erhalten http Status 401

Question

Ich möchte meine Emberjs Anwendung mit HTTP-Status nicht autorisiert (401).

Die Anwendung verwendet Ember-Daten, um eine JSON-API (Rails) zu integrieren.

Die Clientschicht (Emberjs) sollte zu einer Emberjs-Ansicht/Vorlage umleiten, die zur Anmeldung auffordert, wenn HTTP-Status nicht autorisiert (401) empfangen wird.

Wie kann ich dies für die gesamte Anwendung tun?

Answer 1

Ich habe mit dem gleichen Problem gekämpft. Ich habe den folgenden Hack erfolgreich implementiert.

window.App = Em.Application.extend 
    ready: -> 
    $(document).ajaxError((event, request, settings) => 
     if request.status == 401 && !["/profile", "https://stackoverflow.com/users/sign_in.json"].contains(settings.url) 
     controller = App.__container__.lookup('controller:application') 
     controller.transitionToRoute('sign_in') 
) 

Die Idee ist, ein jQuery ajaxError Ereignis zu fangen. Für den Fall, dass Sie die Art des Fehlers überprüfen können (z. B. request.status == 401), die URL, die den Fehler verursacht hat (z. B. settings.url), und basierend auf diesen Informationen können Sie entscheiden, was zu tun ist.

hoffe, das hilft

Answer 2

Ich denke, eine bessere Möglichkeit, die Ember Versprechen zu verwenden ist:

@store.get("user").then(=> 
    # Success stuff here 
).fail(=> 
    @transitionTo("login") # Do other fancy error stuff here too 
) 

Das Problem dabei ist, dass es individuell auf allen Strecken getan werden müsste. Vielleicht könnten Sie etwas mit der Methode beforeTransition machen und überprüfen, was das Versprechen zurückgibt? Nur zum Nachdenken.

Answer 3

Ich recherchierte zum selben Thema und sieht aus wie die Informationen hier ist ein bisschen veraltet. Mit Ember 1.7.0 sollten Sie den Fehler in der Route behandeln. Wenn Sie dies für die gesamte App anwenden möchten, sollten Sie es zu Ihrem ApplicationRoute Klasse schreiben, so

// app/routes/application.js 
import Ember from 'ember'; 

var ApplicationRoute = Ember.Route.extend({ 
    actions: { 
     error: function (error, transition) { 
      // Handle the error here 
      if (error && error.status === 401) { 
       return this.transitionTo('login'); 
      } 
     } 
    } 
}); 

export default ApplicationRoute; 

Dies ist die gleiche Art und Weise ist, wie die Dokumentation beschreibt: read here

Update: In neuere Versionen von Ember und Ember Data, wird die Fehlerobjektstruktur ein wenig anders sein. Der Status wird eine Zeichenfolge sein, innerhalb eines Fehler-Objekt enthalten, innerhalb eines Arrays Fehler:

actions: { 
    error: function(error, transition) { 
    if (error.errors[0].status === '401') { 
     this.transitionTo('sign-in'); 
    } 
    } 
}