Как получить данные моего ресурса из ответа HAL? - PullRequest
0 голосов
/ 29 августа 2018

Я создаю API с использованием Spring Boot 2, и клиент Angular 6 должен иметь дело с ответами, такими как этот, например:

{
  "_embedded" : {
    "userResourceList" : [ {
      "firstname" : "Stephane",
      "lastname" : "Toto",
      "email" : "toto@yahoo.se",
      "confirmedEmail" : false,
      "password" : "bWl0dGlwcm92ZW5jZUB5YWhvby5zZTptaWduZXRjNWRlMDJkZS1iMzIwLTQ4Y2YtOGYyMS0wMmFkZTQ=",
      "userRoles" : [ {
        "role" : "ROLE_ADMIN",
        "id" : 1
      } ],
      "_links" : {
        "self" : {
          "href" : "http://localhost:8080/api/users/1"
        },
        "roles" : {
          "href" : "http://localhost:8080/api/users/1/roles"
        }
      },
      "id" : 1
    } ]
  },
  "_links" : {
    "self" : {
      "href" : "http://localhost:8080/api/users"
    }
  },
  "page" : {
    "size" : 20,
    "totalElements" : 1,
    "totalPages" : 1,
    "number" : 0
  }
}

Все конечные точки ресурсов REST будут повторно запускать такие ответы HALified.

Интересно, как с этим бороться. Если есть такая библиотека, которая облегчает анализ и извлечение фактической полезной нагрузки.

Я слышал о библиотеке RestAngular , но я не уверен, что это то, что я хочу.

Может быть, что-то менее инвазивное, только помогая в разборе, как:

const user: User = hal2Json.parse<User>(response);

ОБНОВЛЕНИЕ: я не нашел такой библиотеки и поэтому прибег к этой реализации:

public getSome(searchTerm: string, sortFieldName: string, sortDirection: string, currentPage: number, limit: number): Observable<any> {
  let httpParams = new HttpParams()
  .set('page', currentPage.toString())
  .set('size', limit.toString());
  if (searchTerm) {
    httpParams = httpParams.append('searchTerm', searchTerm);
  }
  if (sortFieldName && sortDirection) {
    httpParams = httpParams.append('sort', sortFieldName + ',' + sortDirection);
  }
  return this.httpService.get(this.usersUrl, httpParams);
}

export class UsersApi extends PaginationApi {

  constructor(users: User[], currentPageNumber: number, elementsPerPage: number, totalElements: number, totalPages: number) {
      super(currentPageNumber, elementsPerPage, totalElements, totalPages);
      this.users = users;
  }

  users: User[];

}

getUsers(searchTerm: string, sortFieldName: string, sortDirection: string, currentPageNumber: number): Observable<UsersApi> {
  return this.userService.getSome(searchTerm, sortFieldName, sortDirection, currentPageNumber, this.elementsPerPage)
    .pipe(
      map(response => {
        return new UsersApi(
          response._embedded.userResourceList as User[],
          this.paginationService.correctPageNumberMispatch(response.page.number),
          response.page.size,
          response.page.totalElements,
          response.page.totalPages
        );
      })
    );
}

Ответы [ 2 ]

0 голосов
/ 26 октября 2018
  getUserResourceLists(): Observable<userResource[]> {
    return this.http.get<userResource[]>(this.Url)
      .pipe(
        map(data => data['_embedded']['userResourceList'])   
      );
  }

данные являются объектом = {"_embedded": {"userResource": [{ }, { }]...}, поэтому data['_embedded']['userResourceList'] вернет наблюдаемую userResource[]

Вы также можете создать класс, подобный этому

export class UserResource {
  firstname: string;
  lastname: string;
......
}
0 голосов
/ 29 августа 2018

Вы можете попробовать модуль halfred npm. Кажется, делать то, что вы хотите:

https://www.npmjs.com/package/halfred

npm install halfred --save

затем импортируйте его:

import * as 'halfred' from 'halfred' // something like this should work

затем используйте его:

const resource = halfred.parse(object)
...