使用IndexedDB以及Backbone.js的远程服务器

Question

我正在开发支持离线功能的网络应用.我使用Backbone.js作为客户端代码.我需要backbone.js根据用户的在线/离线状态在远程服务器和本地IndexedDB之间切换.以下哪种方法是正确的方法:

1. 使用superfeedr的indexeddb-backbone适配器.但我觉得它更多地适用于离线存储,而不是离线和在线.
2. 覆盖backbone.js中的sync()方法,从而创建自己需要的特定适配器.

Answer 1

让我拍一下.我从来没有使用backbone.js.但是,我有很棒的IndexedDB包装器YDB-DB,我计划支持backbone.js和angular.js绑定框架.但似乎没什么可做的.

正如提问者建议的那样,Backbone.sync(method, model, options)使用数据库包装器库时,可以使用少量附加逻辑来覆盖适配器模式.

Backbone.sync期望return对象是jqXHR对象,它实现了Promise接口.Backbone.sync被覆盖以交叉在客户端数据库中进行缓存.数据源提供程序$.db设置为与给定模型对应的模式.(有关更多详细信息,请参阅YDN-DB.)我希望后端服务器接受类似Google GData的模型数据(Atom Entry),其中每个模型都具有etag属性并使用乐观冲突解决方案.

$.db = new ydn.db.Storage('db_name', schema);

var Backbone_sync = Backbone.sync;
Backbone.sync = function(method, model, options) {
  var df = $.Deferred();
  if (method == 'read') {
    var df_db = $.db.get(model.name, model.cid);
    df_db.done(function(data) {
      if (data) {
        df.resolve(data);
        options['header'].push({'If-Not-Match': data.etag});
        var ajax_df = Backbone_sync(method, model, options);
        ajax_df.done(function(new_data) {
          if (new_data) {
            assert(new_data.cid == model.cid);
            $.db.put(model.name, new_data);
            model.set(new_data).change();
          } // else, no change
        });
      } else {
        var ajax_df = Backbone_sync(method, model, options);
        df.pipe(ajax_df);
        ajax_df.done(function(new_data) {
          $.db.put(model.name, new_data);
        });
      }
    });
    df_db.fail(function(e) {
      throw e; // db connection blocking, or schema mismatch
    });
  } else if (method == 'update') {
    options['header'].push({'If-Match': model.etag});
    var ajax_df = Backbone_sync(method, model, options);
    df.pipe(ajax_df);
    ajax_df.done(function(new_data, status) {
      if (status == 409) { // conflict
        assert(new_data.cid == model.cid);
        $.db.run(function(db) { // run in transaction
          db.get(model.name, model.cid).done(function(data) { // NOTE: not $.db
            if (data) {
              var resolved_data = $.magic.resolve(new_data, data);
              db.put(model.name, resolved_data);
              model.set(resolved_data);            
              model.save(); // send merge result to server                  
            } else {
              db.put(model.name, new_data);
            }
          });
        }, model.name, 'readwrite'); // transaction scope of model object store for read write operations
      } else if (status == 404) { // not found
        $db.clear(model.name, model.cid);
      } else if (status < 300) {
        assert(new_data.cid == model.cid);
        $.db.put(model.name, new_data);
      }
    });
  }

  return df;
};

其余方法可以类似的方式实现.集合和查询也可以与数据库缓存交叉和提供.

如果服务器没有实现etag,它仍然有效,但您不会节省服务器带宽,也不会解决冲突.