Question

我正在构建一个需要使用Flickr API提取照片信息的Ember App。我想了解如何编写适配器以将此信息提取到我的Ember应用程序中的一些建议。我对Flickr API的调用返回了一个格式为：

的JSON

{
"photos": {
    "page": 1,
    "pages": 2,
    "perpage": 100,
    "total": "123",
    "photo": [
        {
            "id": "1234567890",
            "owner": "1234567@123",
            "secret": "1234567890",
            "server": "1111",
            "farm": 1,
            "title": "Some Title",
            "ispublic": 1,
            "isfriend": 0,
            "isfamily": 0
        },...
        ]
    },
 "stat": "ok"
}

根据此响应的格式，我已确定无法使用JSONAPIAdapter并且必须使用RESTAdapter。我真正感兴趣的唯一响应部分是照片阵列。响应的这一部分似乎也被正确格式化以适合Ember Data模型，因为它为主键提供了id。我花了很多时间来查看docs以找到解决此问题的方法，但我仍然对这些适配器和序列化程序如何工作感到困惑。我需要采取哪些步骤来自定义我的适配器以将此数据正确地提取到照片模型中？提前谢谢。

Answer 1

这是一本关于这个主题的精彩书籍：{3}}，由David Tang撰写 - 还有一篇优秀的博客文章：来自Ember Igniter的Ember Data in the Wild: Getting Ember Data to Work With Your API。

https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key={api-key}&tags=flower&per_page=3&format=json

会提出来：

{
  photos: {
    page: 1,
    pages: 71281,
    perpage: 3,
    total: "213841",
    photo: [
      {
        id: "35314184896",
        owner: "33472394@N00",
        secret: "e02e15d7c3",
        server: "4198",
        farm: 5,
        title: "Bird's-foot Trefoil",
        ispublic: 1,
        isfriend: 0,
        isfamily: 0
      },
    ]
  },
  stat: "ok"
}

所以你需要为照片创建一个模型＆＃39; +一个用于获取数据的适配器，然后在序列化程序中，使用normalizeResponse()或某些方法组合将数据用于将数据加入数组中，使数据重新格式化数据。无论如何，照片的网址在哪里？

查看David的这篇文章：Fit Any Backend Into Ember with Custom Adapters & Serializers

那是一个粗糙的问题。我只是试图做一个旋转但没有适配器。祝你好运！

Answer 2

解决：

使用normalizeResponse（）将数据序列化为照片模型。照片模型反映了上面发布的示例JSON中的照片字段。

import DS from 'ember-data';

    // app/serializers/photo.js
    export default DS.RESTSerializer.extend({
      normalizeResponse(store, primaryModelClass, payload, id, requestType) {
        payload = {
          photo: payload.photos.photo
        };

        return this._super(store, primaryModelClass, payload, id, requestType);
      }
    });

我的适配器定义如下：

import DS from 'ember-data';

// app/adapters/photo.js
export default DS.RESTAdapter.extend({
  host: 'https://api.flickr.com/services/rest/?method=flickr.people.getPublicPhotos&api_key=<YOUR_KEY_HERE>&user_id=<YOUR_USER_ID_HERE>&format=json&nojsoncallback=?',
  namespace: 'api'
});

感谢sheriffderek分享以上优秀资源。

创建Ember数据适配器以从Flickr API中提取

2 个答案: