Question

我正在使用 Sencha Touch 2.0.0.RC 开发移动网络应用程序，但我不认为我的问题与此框架有关。

以下是工作流程：

启动时， app.js 已加载并检查本地存储中是否存在令牌：

launch: function() {
    if (localStorage.getItem('myToken')) {
        Ext.create('MyApp.view.Viewport');
    }
    else{
        Ext.create('MyApp.view.Login');
    }
}

因为我是第一次加载应用程序，所以没有找到令牌，因此创建了登录视图。

在 login.js 控制器中， submitLoginForm 函数获取表单值并向其余API发送ajax请求：

submitLoginForm: function () {
    var formValues = this.getLoginForm().getValues();

    Ext.Ajax.request({
        scope: this,
        url: 'http://mydomain.com/api/login/token',
        method: 'POST',
        params: formValues,
        success: function (response) {
            var result = Ext.JSON.decode(response.responseText);
            if (result.success) {
                localStorage.setItem('myToken', result.token);
                var viewport = Ext.create('MyApp.view.Viewport');
                this.getLoginForm().setHidden(true);
                viewport.show();
            }
            else{
                Ext.Msg.alert('Error', 'Bad username or password');
            }
        },
        failure: function () {
            // 
        }
    });
}

当用户名和密码正确时，会返回一个令牌，我将其存储在localStorage中。之后，我创建并显示另一个视图（ viewport.js ），该视图使用令牌访问API：

store: {
    //...
    proxy: {
        //...
        url: 'http://mydomain.com/api/controller/function/?token=' + localStorage.getItem('myToken')
    }
}

那时网址看起来像这样：

http://mydomain.com/api/controller/function/?token=null&...

但是当我刷新浏览器时，一切都很好，令牌回来了：

http://mydomain.com/api/controller/function/?token=tokenValue&...

我也可以完全关闭浏览器，再次打开它并访问我的整个应用程序，而不会被要求登录。

Answer 1

问题与我对Sencha Touch的误解有关。我在配置中创建了一个商店，在我描述之前调用了它。 mitchellsimoens确实是一个合适的人，他确实快速回答并且自己理解我在我的视图配置中创建我的商店...... http://www.sencha.com/forum/showthread.php?185690-localStorage-accessible-only-after-refresh

Answer 2

难道你不能只使用内置的localstorage代理吗？

请参阅http://docs.sencha.com/touch/2-0/#!/api/Ext.data.Store-cfg-proxy

然后就像这样设置代理：

proxy: {
  id: 'myproxy',
  type: 'localstorage'
}

然后在商店中查询数据。

只有刷新后才能访问localStorage

2 个答案: