Backbone.js e autenticazione utente

Question

Mi sono chiesto per un po 'come procedere per l'autenticazione degli utenti utilizzando Backbone perché ho letto alcuni articoli su di esso e molti di essi parlano di token e chiavi .. Ma Voglio solo essere in grado di accedere a un utente e registrare un utente come faresti normalmente.

Stavo pensando che sul web app start up ci sarebbe stata una richiesta al percorso '/ me' e allora il server dà l'utente torna informazioni appropriate se lui/lei è connesso.

Come se il percorso è tornato con {loggedIn: false} il router backbone avrebbe inviato l'utente solo alle pagine di accesso/registro. Ma se tornasse con le informazioni del profilo di un utente allora significherebbe ovviamente che ha avuto una sessione.

È un modo corretto di tornare all'autenticazione utente quando si utilizza Backbone?

Answer 1

Risposta breve: collegare $ .ajax per rispondere ai codici di stato 401 (Non autorizzato).

Risposta lunga: stiamo consumando una API RESTful da un sito Web a pagina singola. quando il server rileva una richiesta non autorizzata, restituisce solo un 401. Il client reindirizza a/login? # richiesto/risorsa.

/login chiederà l'autorizzazione (redirect al server giuramento di Google nel nostro caso) quindi aggiungere un cookie di autorizzazione e reindirizzare al originariamente richiesto #requested/resource

stiamo anche inviare il cookie di autenticazione su ogni richiesta $ .ajax.

Speriamo che questo sia utile.

define(
    [ 
     'jquery', 
     'jquery.cookie' 
    ], 
    function ($) { 
     var redirectToLogin = function() { 
      var locationhref = "/login"; 
      if (location.hash && location.hash.length > 0) { 
       locationhref += "?hash=" + location.hash.substring(1); 
      } 
      location.href = locationhref; 
     }; 

     var $doc = $(document); 
     $doc.ajaxSend(function (event, xhr) { 
      var authToken = $.cookie('access_token'); 
      if (authToken) { 
       xhr.setRequestHeader("Authorization", "Bearer " + authToken); 
      } 
     }); 

     $doc.ajaxError(function (event, xhr) { 
      if (xhr.status == 401) 
       redirectToLogin(); 
     }); 
    });