backbone.js - xử lý nếu người dùng đăng nhập hoặc không

Question

Thứ nhất, trang tĩnh được phân phát cho ứng dụng có phải là trang đăng nhập không?

Thứ hai, mã phía máy chủ của tôi là tốt (nó sẽ không cung cấp bất kỳ dữ liệu nào mà người dùng không thể xem). Nhưng làm cách nào để ứng dụng của tôi biết rằng nếu người dùng chưa đăng nhập, hãy quay lại biểu mẫu đăng nhập?

Answer 1

Tôi có một cuộc gọi phụ trợ rằng mã phía máy khách của tôi mà trang tĩnh của tôi (index.php) thực hiện để kiểm tra xem người dùng hiện có đã đăng nhập chưa. Hãy nói rằng bạn có một cuộc gọi phụ trợ tại api/auth/logged_in trả về mã trạng thái HTTP 200 nếu người dùng đang đăng nhập hoặc 400 khác (sử dụng phiên dựa trên cookie):

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

tôi sử dụng khái niệm phiên để kiểm soát trạng thái đăng nhập người dùng.

Tôi có một SessionModel và SessionCollection như thế này:

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

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

}); 

On bắt đầu ứng dụng, tôi khởi tạo một biến có sẵn trên toàn cầu, activeSession. Lúc bắt đầu phiên này là trái phép và bất kỳ khung nhìn nào ràng buộc với cá thể mô hình này có thể hiển thị cho phù hợp. Khi đăng nhập, lần đầu tiên tôi đăng xuất bằng cách vô hiệu hóa phiên.

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

Điều này sẽ kích hoạt bất kỳ chế độ xem nào lắng nghe activeSession và sẽ đưa chế độ xem chính của tôi vào nơi đăng nhập. Sau đó tôi lấy tên người dùng và mật khẩu từ người dùng và đặt chúng trên activeSession như sau:

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

Điều này sẽ kích hoạt cập nhật cho máy chủ thông qua backbone.sync. Trên máy chủ, tôi có thiết lập hành động POST tài nguyên phiên để nó kiểm tra tên người dùng và mật khẩu. Nếu hợp lệ, nó điền vào chi tiết người dùng trên phiên, đặt một id phiên duy nhất và xóa mật khẩu và sau đó gửi lại kết quả.

Backbone.sync của tôi sau đó được thiết lập để thêm sessionId của window.activeSession vào bất kỳ yêu cầu gửi đi nào đến máy chủ. Nếu Id phiên không hợp lệ trên máy chủ, nó sẽ gửi lại một HTTP 401, sẽ kích hoạt đăng xuất(), dẫn đến hiển thị lời nhắc đăng nhập.

Chúng tôi chưa thực hiện xong việc này, vì vậy có thể có lỗi trong logic, nhưng về cơ bản, đây là cách chúng tôi tiếp cận nó. Ngoài ra, mã trên không phải là mã thực tế của chúng tôi, vì nó có chứa một chút logic xử lý hơn, nhưng đó là ý chính của nó.

Answer 3

Tôi nghĩ rằng bạn nên làm máy chủ này chỉ đứng về phía ... Có rất nhiều cơ hội nhận được nó hack đơn vị và trừ khi bạn có một số loại api tuyệt vời đối phó với nó

Answer 4

Tôi nghĩ bạn không nên chỉ kiểm soát html hiển thị mà còn kiểm soát dữ liệu hiển thị. Bởi vì người dùng có thể sử dụng firefox để thay đổi mã javascript của bạn.

Để biết chi tiết, bạn nên cung cấp cho người dùng mã thông báo sau khi đăng nhập và mỗi khi họ truy cập thành phần của bạn trong trang như lưới dữ liệu hoặc cây hoặc thứ gì đó tương tự, trang phải tìm nạp những dữ liệu này (có thể trong json) từ webservice của bạn và webservice sẽ kiểm tra mã thông báo này, nếu mã thông báo không chính xác hoặc quá hạn do bạn không nên cung cấp dữ liệu người dùng thay vì bạn nên cung cấp thông báo lỗi. Vì vậy, người dùng không thể crack bảo mật của bạn ngay cả khi người đó sử dụng firebug để thay đổi mã js.

Điều đó có thể giúp ích cho bạn.

Answer 5

Dưới đây là hướng dẫn rất tốt cho nó http://clintberry.com/2012/backbone-js-apps-authentication-tutorial/