Ember.js REST adattatore senza radice JSON

Question

L'adattatore REST Ember.js aspetta il JSON da restituire come:

{ 
    "person": { 
     "first_name": "Barack", 
     "last_name": "Obama", 
     "is_person_of_the_year": true 
    } 
} 

Ma il mio API restituisce i dati senza un elemento radice:

{ 
    "first_name": "Barack", 
    "last_name": "Obama", 
    "is_person_of_the_year": true 
} 

È possibile personalizzare l'adattatore REST in modo che accetti i miei dati JSON? In questo momento sta mostrando "Asserzione fallita: Il server ha restituito un hash con il tasto 0, ma non si ha la mappatura per esso"

UPDATE: in base alla risposta del Sherwin Yu sotto, questo è ciò che mi si avvicinò con , sembra funzionare finora: https://gist.github.com/richardkall/5910875

Answer 1

Sì, è possibile scrivere il proprio adattatore REST personalizzato. Dai uno sguardo al codice sorgente nel JSONSerializer, RESTSerializer (che estende JSONSerializer) e allo REST adapter.

Fondamentalmente, è necessario sovrascrivere i metodi extract* da JSONSerializer.

Attualmente, sembra qualcosa di simile:

extract: function(loader, json, type, record) { 
    var root = this.rootForType(type); 

    this.sideload(loader, type, json, root); 
    this.extractMeta(loader, type, json); 

    if (json[root]) { 
    if (record) { loader.updateId(record, json[root]); } 
    this.extractRecordRepresentation(loader, type, json[root]); 
    } 
}, 

Notate come esso controlla json[root] - che avrebbe dovuto scrivere il vostro metodo personalizzato in base alla tua risposta API previsto.

Un altro approccio sarebbe quello di "pre-elaborare" il json dall'API per utilizzare un elemento radice. Si può fare questo scoprendo quali metodi chiamano extract* (che gli passa il json) e prima di farlo, modificare il json per contenere l'elemento root.

Spero che questo aiuti, per favore fatemi sapere se non è chiaro.

Answer 2

Ho cercato di aggiungere root a json. Questo funziona per me:

App.Adapter = DS.RESTAdapter.extend({ 
    findAll: function(store, type, since) { 
     var root, adapter; 
      var plural; // Insert this line 
     root = this.rootForType(type); 
     adapter = this; 
      plural = this.pluralize(root); // Insert this line 
     return this.ajax(
       this.buildURL(root), 
       "GET", 
       { 
        data: this.sinceQuery(since) 
       }).then(function(json) { 
        eval ("json = {" + plural + " : json }"); // Insert this line 
        adapter.didFindAll(store, type, json); 
       }).then(null, DS.rejectionHandler); 
    } 
}); 

Answer 3

Si potrebbe anche normalizzarlo in qualcosa che il burbero si aspetterebbe.

App.PersonSerializer = DS.RESTSerializer.extend({ 
    normalizePayload: function(type, payload) { 
    var typeKey = type.typeKey; 
    return { 
     typeKey: payload 
    } 
    } 
}); 

Answer 4

Ho risolto questo estendendo DS.RESTSerializer. Il metodo extractArray deve essere sovraccaricato quando la risposta del server è di tipo array.

App.PersonSerializer = DS.RESTSerializer.extend({ 
    extractSingle: function (store, type, payload, id) { 
     var wrappedObj = {}; 
     wrappedObj[type.typeKey] = payload; 
     return this._super(store, type, wrappedObj, id); 
    }}); 

Answer 5

Il modo più semplice è di non usare il RESTSerializer ma il molto più semplice JSONSerializer, che non si aspetta un elemento radice.

buone risorse sulla comprensione che serializzatore da utilizzare per un determinato API possono essere trovati in questi due post del blog:

http://thejsguy.com/2015/12/05/which-ember-data-serializer-should-i-use.html
http://emberigniter.com/fit-any-backend-into-ember-custom-adapters-serializers/