Ember.js：如何通过JSONAPISerializer处理自定义接口的侧载数据？

嘿，这个场景我之前在项目里也遇到过，给你几个实用的解决方案，看哪种更贴合你的需求：

方案一：创建占位模型（最简单省心） #

Ember Data的JSON:API序列化器要求每个返回的type都对应一个model，所以最直接的办法就是给promotions-verify创建一个空的占位模型，不需要任何属性，纯当“通行证”用：

// app/models/promotions-verify.js
import Model from '@ember-data/model';

export default class PromotionsVerifyModel extends Model {
  // 啥属性都不用加，就是个占位符
}

之后直接调用 store.pushPayload('promotions-verify', 接口返回的数据) 就行：

• Ember Data会自动把included里的所有侧载数据存到对应的模型里
• 虽然会生成一条promotions-verify类型的记录，但你完全可以忽略它，不会影响其他业务数据
• relationships里的关联关系也会被自动维护，只要关联的模型已经存在

方案二：自定义序列化器（更优雅，无多余模型） #

要是不想创建多余的模型，就自定义一个序列化器专门处理这个特殊的type，重写normalizeResponse方法调整返回的payload：

// app/serializers/promotions-verify.js
import JSONAPISerializer from '@ember-data/serializer/json-api';

export default class PromotionsVerifySerializer extends JSONAPISerializer {
  normalizeResponse(store, primaryModelClass, payload, id, requestType) {
    // 把不需要的主数据换成空数组，避免Ember Data因为找不到model报错
    const modifiedPayload = {
      ...payload,
      data: []
    };

    // 交给父类处理调整后的payload，Ember Data会自动搞定included和relationships
    return super.normalizeResponse(store, primaryModelClass, modifiedPayload, id, requestType);
  }
}

使用方式和方案一一样：store.pushPayload('promotions-verify', 接口返回的数据)。这样既不会产生多余的记录，又能让Ember Data正确处理所有侧载数据。

方案三：手动处理数据（最灵活，适合复杂场景） #

如果需要对数据做额外的转换或定制化处理，就手动提取需要的部分：

// 假设你用fetch拿到了接口响应
fetch('/你的自定义接口地址')
  .then(res => res.json())
  .then(payload => {
    // 第一步：把included里的侧载数据直接存入store
    if (payload.included) {
      store.push(payload.included);
    }

    // 第二步：处理主数据里的属性或关联（比如更新购物车的折扣信息）
    const promotionData = payload.data[0];
    if (promotionData?.relationships?.cart?.data) {
      const cartId = promotionData.relationships.cart.data.id;
      const cart = store.peekRecord('cart', cartId);
      if (cart) {
        cart.set('cartItemsDiscountInCents', promotionData.attributes['cart-items-discount-in-cents']);
      }
    }
  });

这种方法适合需要精细控制数据的场景，但代码量会稍微多一点。

内容的提问来源于stack exchange，提问作者JAKITOVZ