authentication - jQuery mobile 和 PhoneGap 使用 session 来确保用户无法进入 "back"或访问页面，除非已登录

Question

我正在制作一个应用程序，使用 PHP 网络服务来让用户登录/验证他们的凭据。

我正在使用 localStorage(phonegaps 本地存储 API 的一部分)来确保用户在打开应用程序时不必一直登录。这是通过将用户名和密码存储在本地存储并在应用程序打开时检查它来完成的。如果他们觉得需要注销，我有一个简单的注销按钮绑定(bind)到一个清空他们本地存储的点击事件。

    $( '#logout' ).live( 'tap',function(event){

    window.localStorage.clear();
    $.mobile.changePage("#loginPage", {transition: "none"});


});

但是...注销后，他们仍然可以单击手机上的后退按钮并进入安全区域，这没有任何意义，因为“欢迎，(用户名)”部分都乱七八糟等等。 ..

我想知道是否有办法确保他们打开的任何页面都会进行某种检查以确保他们已登录？

Answer 1

绑定(bind)到页面的 pagebeforeshow 事件以检查用户是否登录 - 检查凭据是否存在于本地存储中。

如果用户未登录，您可以调用 preventDefault 来停止 pageChange 或通过修改 toPage 将用户重定向到 loggedOffPage > 传递给处理程序。

请参阅 JQM Events page 上的页面更改事件部分.