ember.js - Ember js 与 HATEOAS REST API 一起使用

Question

我有一个 REST 端点"http://localhost:8080/customers"，我想将它连接到我的 Ember JS 应用程序。

App.Store = DS.Store.extend({
revision: 12,
adapter: DS.RESTAdapter.extend({
url: 'http://localhost:8080/customers'
})
});

REST 负载

{
  "_links" : {
    "search" : {
      "href" : "http://localhost:8080/customers/search"
    }
  },
  "_embedded" : {
    "customers" : [ {
      "id" : 2,
      "firstName" : "Jim",
      "lastName" : "Smith",
      "_links" : {
        "self" : {
          "href" : "http://localhost:8080/customers/2"
        }
      }
    }, {
      "id" : 1,
      "firstName" : "Jimmy",
      "lastName" : "Jones",
      "_links" : {
        "self" : {
          "href" : "http://localhost:8080/customers/1"
        }
      }
    } ]
  }
}

我不断收到此错误。这是我在 Ember JS 上的第二周。老实说，这比我想象的要难得多。不太容易调试或理解。

加载路线时出错：

TypeError: undefined is not a function
at App.CustomersRoute.Ember.Route.extend.model

Answer 1

本质上，您需要使用自定义序列化程序将数据转换为这种格式：

{
  "customers" : [ 
    {
      "id" : 2,
      "firstName" : "Jim",
      "lastName" : "Smith"
    }, {
      "id" : 1,
      "firstName" : "Jimmy",
      "lastName" : "Jones"
    } 
  ]
}

您需要阅读https://github.com/emberjs/data/blob/master/TRANSITION.md，其中解释了如何使用extractSingle, extractArray, normalize, normalizeHash.

您的特定示例看起来接近 api 的示例： http ://emberjs.com/api/data/classes/DS.RESTSerializer.html#method_extractArray

App.CustomerSerializer = DS.ActiveModelSerializer.extend({
  extractArray: function(store, type, payload) {
    // do your own implementation and return that, or modify it slightly
    // and do the default implementation
    return this._super(store, type, payload);
  },
});