ember.js - EmberJS 在有效负载 JSONAPI 中嵌入了项目

Question

Ember      : 1.13.3
Ember Data : 1.13.5
jQuery     : 1.11.3

我正在尝试使用 ember-data 将 JSON 有效负载从我的 EmberJS 客户端发送到我的服务器。我想在保存项目时将整个对象图发送到服务器，因为我不想发送多个请求。我不介意发送多个请求，但我担心如果其中一个请求中途失败，服务器上的数据将不正确，会发生什么情况。

我想使用 JSONAPI ( http://jsonapi.org/format/#document-compound-documents )，因为它正在成为 Ember 中的默认适配器。另外，有一些 C# 库可以处理这种格式，所以我认为这会非常简单。然而，在阅读规范后，如果对象没有 id，我似乎无法嵌入对象。即使我在 DS.attr 上指定了 { async: false,embedded: 'always' })，EmberJS 也不会将子对象附加到 JSON。

我的问题是:如果应用程序的使用方式是在客户端创建对象图，那么如何使用 JSONAPI 格式将整个对象图发送到服务器？我是否必须在客户端生成 id 才能满足 JSONAPI 标准？然后，一旦它们到达服务器，就忽略它们，以便使用 ORM 生成的 id 保存它们？

这是我的 labelGroup 模型:

import DS from 'ember-data';

export default DS.Model.extend({
  name: DS.attr('string'),
  labels: DS.hasMany('label-model', { async: false, embedded: 'always' })
});

这是我的项目模型:

import DS from 'ember-data';

export default DS.Model.extend(DS.EmbeddedRecordsMixin, {
  name: DS.attr('string'),
  labelGroups: DS.hasMany('labelGroup', { async: false, embedded: 'always'})

});

这是我在项目上执行 save() 后得到的 POST:

{
  "data":{
    "attributes":{"name":"Project"},
    "relationships":{
      "label-groups":{
        "data":[
         {"type":"label-groups","id":null},
         {"type":"label-groups","id":null},
         {"type":"label-groups","id":null},
         {"type":"label-groups","id":null},
         {"type":"label-groups","id":null},
         {"type":"label-groups","id":null},
         {"type":"label-groups","id":null}
       ]
     }
   },
   "type":"label-projects"
  }
}

更新:我尝试使用 https://www.npmjs.com/package/ember-cli-uuid生成它所拥有的客户端 ID。然而，获取输出的数据不包括额外的对象，仅包括对其 id 的引用。我期望看到此处指定的“包含”属性:http://jsonapi.org/format/#document-compound-documents ，但它不存在。

{
  "data":{
    "id":"7b4544ee-91cd-493d-8b10-52040e68c283",
    "attributes":{"name":"Project"},
  "relationships":{
    "label-groups":{
      "data":[
       {"type":"label-groups","id":"08115273-e82a-4d46-93ea-232ce071fb78"},
       {"type":"label-groups","id":"9ca94fe9-8077-411e-98d2-1694c6fecce4"},
       {"type":"label-groups","id":"d629f1e8-7962-404d-8034-38229ab21f77"},
       {"type":"label-groups","id":"c6bda655-5489-4760-847b-bf02239bb2c5"},
       {"type":"label-groups","id":"f6fef249-2d1d-43f0-ba64-24b7ff8b5637"},
       {"type":"label-groups","id":"a7db25bf-52c8-477b-83e4-64e7c76b072e"},
       {"type":"label-groups","id":"f3b5fbb3-261a-4b3d-b481-b9352f8ce2d6"}
      ]
    }
  },
  "type":"label-projects"
  }
}

Answer 1

Ember-data 目前不支持您想要的内容。因此 ember-data 不会将您的关系数据保存在保存负载中。

但是您可以通过使用自定义适配器和序列化器自己完成此操作。我强烈建议您查看API然后查看源代码。

如果您在模型上调用.save()，则会在适配器上调用createRecord 方法。这里调用序列化器上的 serializeIntoHash 来序列化模型。

serializeIntoHash 调用 serialize，其中调用 serializeBelongsTo 和 serializeHasMany。

现在您只需覆盖 serializeHasMany 并修改该行之前的 hasMany 即可:

json[payloadKey] = hasMany;

这里有由 ember-data 发送的类型和 ID。您只需.forEach hasMany 上的数据，然后获取数据的存储并构建您的included 数组。

我希望这可以帮助您了解序列化器和适配器，以便您可以轻松修改它以完成您想要的任何操作。实际上，这是 ember-data 最好的部分。适配器和序列化器的结构，允许轻松修改。