javascript - Ember.js 两个API的资源名称相同

Question

ember 3.3

期望的结果:提供两种模型； ember 中的“bc-theme”和“ra-theme”从使用资源名称“theme”的两个不同 API 中提取。

我有一种简单的方法来规范化/序列化一个“重命名”的模型名称，但还没有找到一种方法来根据请求它的 API 来确定重命名，从而能够适本地重命名。从提供的代码中可以看出，如果我引入另一个“主题”，映射将失败，因为它们将是用于规范化的映射上的重复键。

如果没有额外的主题，映射将按预期工作。

有什么方法可以查看序列化程序中使用的是什么适配器？或者因为它是由 ember findRecord 请求并通过关系可以在每个请求上以其他方式确定主题“类型”吗？

后端是用 Ruby on Rails 编写的，也可以修改，但似乎应该由 ember 来处理差异，因为 API 彼此独立。

// adapters/ra-theme.js
import RaAdapter from './ra';

export default RaAdapter.extend({
  pathForType() {
    return this._super('themes');
  }
});

// adapters/bc-theme.js
import bcAdapter from './bc';

export default bcAdapter.extend({
  pathForType() {
    return this._super('themes');
  }
});


// serializers/application.js
import DS from 'ember-data';

const keysMappingForSerialization = {
  'bc-theme': 'theme',
  ...
};
const keysMappingForNormalization = {
  'theme': 'bc-theme',
  ...
};

export default DS.JSONAPISerializer.extend({
  payloadKeyFromModelName(key) {
    if (keysMappingForSerialization[key]) {
      return this._super(keysMappingForSerialization[key]);
    } else {
      return this._super(...arguments);
    }
  },
  modelNameFromPayloadKey(modelName) {
    if (keysMappingForNormalization[modelName]) {
      return this._super(keysMappingForNormalization[modelName]);
    } else {
      return this._super(...arguments);
    }
  }

});

// serializers/bc-theme-group.js
import ApplicationSerializer from './application';

const keysForRelationshipsMapping = {
  'bcThemes': 'themes'
};

export default ApplicationSerializer.extend({
  keyForRelationship(key) {
    if (keysForRelationshipsMapping[key]) {
      return this._super(keysForRelationshipsMapping[key]);
    } else {
      return this._super(...arguments);
    }
  }
});

// serializers/bc-theme.js
import ApplicationSerializer from './application';

const keysForRelationshipsMapping = {
  'bcThemeGroups': 'themeGroups'
};

export default ApplicationSerializer.extend({
  keyForRelationship(key) {
    if (keysForRelationshipsMapping[key]) {
      return this._super(keysForRelationshipsMapping[key]);
    } else {
      return this._super(...arguments);
    }
  }
});

Answer 1

原来答案很简单。

我能够通过对模型特定的序列化器/适配器进行序列化和规范化来实现这一点。通过不通过顶级应用程序序列化程序，它将仅在运行适当的序列化程序时映射所需的内容。

因此，虽然它重复了一些代码，但它完成了我的情况所需的内容。

编辑:这是重构后的代码。

// mixins/model-rename.js
import Mixin from '@ember/object/mixin';
import { computed } from '@ember/object';

export default Mixin.create({
  mappingForSerialization(acronym) {
    let mapName = acronym + 'KeysMappingForSerialization';
    return this.get(mapName);
  },
  mappingForNormalization(acronym) {
    let mapName =  acronym + 'KeysMappingForNormalization';
    return this.get(mapName);
  },

  bcKeysMappingForSerialization: computed('acronym', function() {
    return {
      'bc-theme-group': 'theme-group',
      'bc-theme': 'theme'
    };
  }),

  bcKeysMappingForNormalization: computed('acronym', function() {
    return {
      'theme-group': 'bc-theme-group',
      'theme': 'bc-theme'
    };

  }),

  radioKeysMappingForSerialization: computed('acronym', function() {
    return {
      'radio-theme': 'theme',
      'radio-tag': 'tag',
    };

  }),
  radioKeysMappingForNormalization: computed('acronym', function() {
    return {
      'theme': 'radio-theme',
      'tag': 'radio-tag'
    };
  }),

  keyForRelationship(key) {
    if (this.keysForRelationshipsMapping[key]) {
      return this._super(this.keysForRelationshipsMapping[key]);
    } else {
      return this._super(...arguments);
    }
  },

  payloadKeyFromModelName(key) {
    if (this.mappingForSerialization(this.get('acronym'))[key]) {
      return this._super(this.mappingForSerialization(this.get('acronym'))[key]);
    } else {
      return this._super(...arguments);
    }
  },
  modelNameFromPayloadKey(modelName) {
    if (this.mappingForNormalization(this.get('acronym'))[modelName]) {
      return this._super(this.mappingForNormalization(this.get('acronym'))[modelName]);
    } else {
      return this._super(...arguments);
    }
  }
});

// serializers/bc-theme-group.js
import ApplicationSerializer from './application';
import modelRename from '../mixins/model-rename';

export default ApplicationSerializer.extend(modelRename, {
  acronym: 'bc',

  keysForRelationshipsMapping(key) {
    let mapping =  {
      'bcThemes': 'themes'
    }
    return mapping[key];
  }

});



// serializers/bc-theme.js
import ApplicationSerializer from './application';
import modelRename from '../mixins/model-rename';

export default ApplicationSerializer.extend(modelRename, {
  acronym: 'bc',

  keysForRelationshipsMapping(key) {
    let mapping =  {
      'bcThemeGroups': 'themeGroups',
    }
    return mapping[key];
  }

});

// serializers/radio-theme.js
import ApplicationSerializer from './application';
import modelRename from '../mixins/model-rename';

export default ApplicationSerializer.extend(modelRename, {
  acronym: 'radio',
});


// It's also important to note that any other models that are related to the changes would also need the mappings

// serializers/episode.js
import ApplicationSerializer from './application';
import modelRename from '../mixins/model-rename';

export default ApplicationSerializer.extend(modelRename, {
  acronym: 'radio',

  keysForRelationshipsMapping(key) {
    let mapping =  {
      'radioTheme': 'theme',
      'radioTags': 'tags'
    }
    return mapping[key];
  }

});