backbone.js - obsługa, jeśli użytkownik jest zalogowany lub nie

Question

Po pierwsze, czy strona statyczna wyświetlana w aplikacji powinna być stroną logowania?

Po drugie, mój kod po stronie serwera jest w porządku (nie da żadnych danych, których użytkownik nie powinien widzieć). Ale w jaki sposób mogę poinformować moją aplikację, że jeśli użytkownik nie jest zalogowany, aby powrócić do formularza logowania?

Answer 1

Mam wywołanie zaplecza, że ​​mój kod po stronie klienta, że ​​moja strona statyczna (index.php) sprawia, że ​​sprawdzanie, czy bieżący użytkownik jest zalogowany. Załóżmy, że masz wywołanie zaplecza na api/auth/logged_in, który zwraca kod stanu HTTP 200 jeśli użytkownik jest zalogowany lub 400 inaczej (przy użyciu sesji opartych o ciasteczka):

appController.checkUser(function(isLoggedIn){ 
    if(!isLoggedIn) { 
     window.location.hash = "login";  
    } 

    Backbone.history.start(); 
}); 

... 

window.AppController = Backbone.Controller.extend({ 

    checkUser: function(callback) { 
    var that = this; 

    $.ajax("api/auth/logged_in", { 
     type: "GET", 
     dataType: "json", 
     success: function() { 
     return callback(true); 
     }, 
     error: function() { 
     return callback(false); 
     } 
    }); 
    } 
}); 

Answer 2

używam pojęcia sesji kontrolować stan logowania użytkownika.

Mam SessionModel i SessionCollection takiego:

SessionModel = Backbone.Model.extend({ 
    defaults: { 
     sessionId: "", 
     userName: "", 
     password: "", 
     userId: "" 
    }, 

    isAuthorized: function(){ 
     return Boolean(this.get("sessionId")); 
    } 

}); 

w App początku I zainicjować dostępne globalnie zmienną activeSession. Na początku ta sesja jest nieautoryzowana i wszelkie widoki wiążące się z tą instancją modelu mogą być odpowiednio renderowane. Podczas próby logowania, najpierw się wyloguję, unieważniając sesję.

logout = function(){ 
    window.activeSession.id = ""; 
    window.activeSession.clear(); 
} 

To spowoduje żadnych widoki, które słuchają tej activeSession i położyłem MAINVIEW w tryb logowania, gdzie będzie wystawiony monit logowania. I wtedy uzyskać nazwę użytkownika i hasło od użytkownika i ustawić je na activeSession tak:

login = function(userName, password){ 
    window.activeSession.set(
     { 
      userName: userName, 
      password: password 
     },{ 
      silent:true 
     } 
    ); 
    window.activeSession.save(); 
} 

To spowoduje aktualizację do serwera poprzez backbone.sync. Na serwerze mam ustawioną akcję akcji POST sesji, aby sprawdzić nazwę użytkownika i hasło. Jeśli jest prawidłowy, wypełnia dane użytkownika w sesji, ustawia unikalny identyfikator sesji i usuwa hasło, a następnie odsyła wynik.

Moja strona główna.sync jest następnie konfigurowana, aby dodać identyfikator sesji window.activeSession do dowolnego wychodzącego żądania do serwera. Jeśli identyfikator sesji jest nieprawidłowy na serwerze, odsyła on HTTP 401, który wyzwala wylogowanie(), co prowadzi do wyświetlenia znaku zachęty logowania.

Nie jesteśmy jeszcze całkiem skończeni, aby to wdrożyć, więc mogą występować błędy w logice, ale w zasadzie tak do niego podchodzimy. Ponadto, powyższy kod nie jest naszym rzeczywistym kodem, ponieważ zawiera nieco więcej logiki obsługi, ale jest to istotna kwestia.

Answer 3

myślę, że należy to zrobić server-side tylko ... Istnieje wiele szanse na to hacked urządzenie i chyba masz jakieś niesamowite api reaguje na nią

Answer 4

myślę, że powinien nie tylko kontrolować html wyświetlacz, ale także kontrolować wyświetlane dane. Ponieważ użytkownik może używać firefox do zmiany kodu javascript.

Aby uzyskać szczegółowe informacje, należy podać użytkownikowi token po jego zalogowaniu i za każdym razem, gdy odwiedza on element na stronie, taki jak siatka danych lub drzewo, lub coś w tym stylu, strona musi pobrać te dane (być może w jsonie) z Twojego serwisu internetowego, a usługa ta sprawdzi token, jeśli token jest niepoprawny lub przeszły, nie powinieneś podawać danych użytkownika, powinieneś dać komunikat o błędzie. Aby użytkownik nie mógł złamać zabezpieczeń, nawet jeśli użyje firebug do zmiany kodu js.

To może ci pomóc.

Answer 5

Tutaj jest bardzo dobry tutorial na to http://clintberry.com/2012/backbone-js-apps-authentication-tutorial/