Adapter reszty Ember.js: mapowanie JSON bez korzenia (.NET Web API)

Question

Mam istniejącą usługę napisaną z interfejsem API .NET Web.

Jako przykład, usługa ta zwraca JSON w następującym formacie:

[ 
    { "id": 1, "name": "John" }, 
    { "id": 2, "name": "Jane" } 
] 

Jednak jak na Ember.js Rest Adapter documentation, Ember spodziewałbym JSON w następującym formacie:

{ 
    "persons": [ 
    { "id": 1, "name": "John" }, 
    { "id": 2, "name": "Jane" } 
    ] 
} 

Z tego powodu , Ember zwraca następujący błąd: Twój serwer zwrócił skrót z kluczem 0, ale nie masz dla niego odwzorowania

W żaden sposób nie planuję zmiany mojego API usług i sposobu, w jaki zwraca dane.

Czy możliwe byłoby pobranie Ember.js (najnowsza wersja) do pracy z istniejącymi danymi, które powracają? A jeśli tak, jak mogę to wdrożyć?

Answer 1

Ember jest bardzo elastyczny w tym sensie, dając możliwość rozszerzenia adaptera i serializera w celu zintegrowania aplikacji z dowolnym API zaplecza.

Powinieneś dostać WebAPIAdapter, który jest częścią Ember.js Template for Web API.

Dodatkowo możesz zajrzeć do this project, którą napisałem jako przykład, na podstawie tego samego szablonu (z pewnymi modyfikacjami, które zrobiłem sam). Nadal jest w fazie rozwoju i nie zawiera wszystkich najlepszych praktyk (jeszcze), ale powiedziałbym, że jest to ważny przykład.

Należy również zajrzeć do tego repo/library (Można go również zainstalować via NuGet), co pozwala wstępnie skompilować szablony kierownicy bezpośrednio do kolekcji Ember.TEMPLATES.

Answer 2

w API internetowej po prostu wrócić nowy obiekt} {

var persons = _personbService.GetPeople; 
     return new { persons }; 

będzie owinąć obiektu w obiekt o tej samej nazwie. Jeśli trzeba wywołać obiekt czegoś innego po prostu zrobić

new { SomeOtherName = persons; } 

Answer 3

Miałem ten problem w węgielek i znaleźć najlepsze rozwiązanie dla mnie było wybudować nową serializatora i zastąpić metodę normalizePayload. kod poniżej:

export default DS.RESTSerializer.extend({ 
normalizePayload: function(payload) { 
var root = "posts"; 
var output = {}; 
output[root] = payload; 
return output; 

} });

Zawiesza początkową odpowiedź i dodaje do niej root, mam nadzieję, że pomoże!