Отправка запросов REST на вложенный URL-адрес конечной точки API с использованием данных Ember

если вы представляете две модели, определенные таким образом:

App.User = DS.Model.extend({
    emails: DS.hasMany('email', {embedded: 'always'}),
});

App.Email = DS.Model.extend({
    address: DS.attr('string'),
    alias: DS.attr('string'),
    user: DS.belongsTo('user')
});

... и адаптер отдыха:

App.UserAdapter = DS.RESTAdapter.extend({
    url: 'http://whatever.com',
    namespace: 'api/v1'
});

... с маршрутизацией настроено так:

App.Router.map(function () {
    this.route('index', { path: '/' });
    this.resource('users', function () {
        this.route('index');
        this.route('add');
        this.resource('user', { path: ':user_id' }, function () {
            this.route('delete');
            this.route('edit');
            this.resource('emails', function () {
                this.route('index');
                this.route('add');
                this.resource('email', { path: ':email_id' }, function () {
                    this.route('delete');
                    this.route('edit');
                });
            });
        });
    });
});

... и действие контроллера для сохранения отредактированного письма, которое выглядит так:

App.EmailEditController = Ember.ObjectController.extend({
    actions: {
        save: function () {
            var self = this;
            var email = this.get('model');
            email.save().then(function(){
                self.transitionToRoute('email', email);
            });
        }
    }
});

вопрос таков...

запрос PUT отправляется по адресу:http://whatever.com/api/v1/emails/[email_id]

однако правильная конечная точка API: http://whatever.com/api/v1/users / [user_id] / электронные письма / [email_id]

каков правильный способ устранения этой проблемы?

6
ember-data ember.js

2 ответов

решение, которое я придумал, было просто переписать createRecord, updateRecord и deleteRecord в адаптере REST.

я добавил атрибут "parent" к затронутым моделям. В крючках записи *я могу проверить, установлено ли это, и соответственно отредактировать путь, отправленный в buildURL.

мои крючки createRecord, updateRecord и deleteRecord теперь выглядят примерно так:

App.UserAdapter = DS.RESTAdapter.extend({

    createRecord: function (store, type, record) {

        if (!record.get('parent') || null === record.get('parent')) {
            return this._super(store, type, record);
        }

        var data = {};
        var serializer = store.serializerFor(type.typeKey);

        var parent_type = record.get('parent');
        var parent_id = record.get(parent_type).get('id');
        var child_type = Ember.String.camelize(
            Ember.String.pluralize(
                type.typeKey.split(
                    record.get('parent')
                ).pop()
            )
        );

        var path = Ember.String.pluralize(parent_type) + '/' + parent_id + '/' + child_type;

        serializer.serializeIntoHash(data, type, record, { includeId: true });

        return this.ajax(this.buildURL(path), "POST", { data: data });
    },

    updateRecord: function(store, type, record) {

        if(!record.get('parent') || null === record.get('parent')){
            return this._super(store, type, record);
        }

        var data = {};
        var serializer = store.serializerFor(type.typeKey);

        var parent_type = record.get('parent');
        var parent_id = record.get(parent_type).get('id');
        var child_type = Ember.String.camelize(
            Ember.String.pluralize(
                type.typeKey.split(
                    record.get('parent')
                ).pop()
            )
        );

        var path = Ember.String.pluralize(parent_type) + '/' + parent_id + '/' + child_type;

        serializer.serializeIntoHash(data, type, record);
        var id = record.get('id');

        return this.ajax(this.buildURL(path, id), "PUT", { data: data });
    },

    deleteRecord: function (store, type, record) {

        if (!record.get('parent')) {
            return this._super(store, type, record);
        }

        var parent_type = record.get('parent');
        var parent_id = record.get('parent_id');
        var child_type = Ember.String.camelize(
            Ember.String.pluralize(
                type.typeKey.split(
                    record.get('parent')
                ).pop()
            )
        );

        var path = Ember.String.pluralize(parent_type) + '/' + parent_id + '/' + child_type;
        var id = record.get('id');

        return this.ajax(this.buildURL(path, id), "DELETE");
    }

});

модель электронной почты в Примере будет чем-то вроде:

App.Email = DS.Model.extend({
    address: DS.attr('string'),
    alias: DS.attr('string'),
    user: DS.belongsTo('user'),
    parent: 'user'
});
5

Я решил это путем переопределения buildURL метод в адаптерах, специфичных для модели, при необходимости, используя mixin для инкапсуляции метода. В основном, он использует метод по умолчанию, чтобы получить URL-адрес, построенный в соответствии с правилами Ember, а затем разрезает и помещает дополнительную информацию. Конечно, это работает, потому что в buildURL у нас есть доступ к record...

вот основная идея в CoffeeScript:

module.exports = App.RestWithParentMixin = Ember.Mixin.create
  host: App.Environment.get('hostREST')
  namespace: App.Environment.get('apiNamespace')
  ancestorTypes: null

  buildURL: (type, id, record) ->
    url = @_super(type, id, record)
    ancestorTypes = @get('ancestorTypes')
    if ancestorTypes == null
        urlFixed = url
    else
        urlPrefix = @urlPrefix()
        urlWithoutPrefix = url.slice(urlPrefix.length)
        ancestry = []
        ancestorTypes
        if not Array.isArray(ancestorTypes)
            ancestorTypes = [ancestorTypes]
        for ancestorType in ancestorTypes
            ancestor = record.get(ancestorType)
            ancestorID = ancestor.get('id')
            ancestry.push(ancestorType)
            ancestry.push(ancestorID)
        urlFixed = urlPrefix + '/' + ancestry.join('/') + urlWithoutPrefix
    urlFixed

PS: небольшое редактирование, чтобы добавить, что я это сделал с помощью Ember 1.7.1 и Ember Data 1.0.0-beta.11

4