如何将backbone.sync与jstorage集成？

Question

我是一名 javascript 开发新手（这里是第一篇文章！），最近一直在尝试使用backbone.sync。我一直在阅读 todo 示例，并注意到它使用 < a href="http://documentcloud.github.com/backbone/docs/backbone-localstorage.html" rel="nofollow">backbone-localstorage。我的感觉是，backbone-localstorage 只是作者用于演示目的的快速实现。我还注意到密钥是随机生成的，而我想要一些可以让我命名自己的密钥值的东西。

我一直在研究 jstorage (www.jstorage.info)，并且非常感谢一些关于如何将其与backbone.js 集成的指示（最好带有代码示例）。我想 backbone.sync 需要以某种方式被覆盖，就像在骨干本地存储中所做的那样。

或者，您会推荐什么 localStorage 插件/包装器，以及它将如何与主干集成？

提前感谢您的帮助。

Answer 1

我的感觉是，backbone-localstorage 只是作者用于演示目的的一个快速实现。

完全正确。我想说，这种实现对于大多数事情来说都很好，但是您可以获得的支持可能很少。

我还注意到键是随机生成的，而我想要一些可以让我命名自己的键值的东西。

这其实并不正确。我假设您指的是：

// Add a model, giving it a (hopefully)-unique GUID, if it doesn't already
// have an id of it's own.
create: function(model) {
    if (!model.id) model.id = model.attributes.id = guid();
    this.data[model.id] = model;
   this.save();
   return model;
}

在这里，发生的情况是，当在模型上调用 create 时，它​​会尝试确定是否已在模型上设置 id ，如果没有这样的id，然后使用 guid 函数来构建一个。这不是随机设置密钥，而是满足每个保存的模型都应该有一个 ID 的要求（通过分配一个随机 ID）。

修改 backbone-localstorage.js 代码应该相当简单。让我们以存储构造函数为例

Before:
var Store = function(name) {
    this.name = name;
    var store = localStorage.getItem(this.name);
    this.data = (store && JSON.parse(store)) || {};
};

这里我们唯一需要更新的是对 localStorage 的调用：

After:
var Store = function(name) {
    this.name = name;
    //Notice here, that jStorage gives us the option to define a default.
    var store = $.jStorage.get(this.name, {}); 
    this.data = store;
};

同样简单的是 save 函数：

Before:
save: function() {
    localStorage.setItem(this.name, JSON.stringify(this.data));
}

同样，只需更新对 localStorage 的调用：

After:
save: function() {
    $.jStorage.set(this.name, this.data);
}

更新： jStorage 句柄为您提供所有 JSON.stringify 和 JSON.parse，因此我更新了上面的代码以反映这一点。

简单易行，对吧！

无论如何，这是一次很棒的练习，祝你好运。我希望我能够帮助你。

Ps localStorage 插件让我困扰的一件事是它使用 model.attributes.xxx，其中最好使用 model.get("xxx")。这样，如果他们更改了模型更改的内部结构，您的代码就不会中断。

至于如何生成指南以及随机指南是否适合您，取决于您的领域。对于 TODO 示例，没有可同步的后备数据库，因此任何旧的 guid 都可以解决问题，但在许多其他情况下，您可能会使用 html5 存储来创建应用程序的离线版本，因此 id 需要兼容与数据库。在这些情况下，使用随机 guid 可能不是一个好主意，但是骨干本地存储插件提供的 guid 的设计是为了它不太可能与数据库的实际 id 发生冲突，所以它不是 _太糟糕了。这里并没有真正正确的答案，所以请做对您的领域有意义的事情。

Answer 2

您可能应该首先查看backbone.js 提供的本地存储插件。有大量代码示例可以让您了解如何将 jstorage 替换为底层存储机制。在这里查看：

backbone-localstorage.js