2016-07-18 2 views
0

프런트 엔드에서 그래프를 채우기 위해 데이터를 보내는 REST API가있는 웹 사이트가 있고 그 중 하나의 그래프를 클릭하여 특정 페이지에 대한 자세한 데이터가있는 새 페이지로 이동하려는 경우 포인트, 이것을하기위한 RESTful 한 방법은 무엇입니까?프런트 엔드가있는 REST API

html 헤더를 사용하여 새 페이지를 localhost/scatter_plot으로 설정하면 클릭 다운에서 볼 날을 선택한 다음 분산 형 플롯에서 항목을 클릭하면 해당 페이지로 이동 될 수 있다고 상상합니다. 해당 항목에 대한 자세한 내용은 localhost/single_item/123과 같은 페이지를 사용하지만 해당 항목에 대한 그래프를 채우기 위해 123을 사용하여 API 호출을 트리거합니까?

이것은 복잡한 것처럼 보입니다. 그리고 나는 이런 종류의 페이지 탐색에 대해 최적의 기술이 무엇인지 궁금합니다.

답변

1

나는 프런트 엔드에 그래프를 채울 데이터를 보내는 REST API를 사용하여 웹 사이트가, 그리고이 그래프 중 하나가 특정 지점에 대한 자세한 데이터를 새로운 페이지로 보내려면 클릭해야 할 경우, 이 작업을 수행하는 RESTful 한 방법은 무엇입니까?

그래프를 채우기 위해 보내는 데이터에 하이퍼 미디어 컨트롤에 대한 설명을 포함하십시오.

즉, 그래프 데이터에 대한 미디어 유형의 정의를 업데이트하여 데이터에 0 개 이상의 하이퍼 미디어 컨트롤 (별칭 : "링크")을 포함 할 수 있습니다. 각 데이터 포인트에는 그래프를 그리는 데 사용 된 값 외에도 컨트롤 (URL 및 의미 메타 데이터)을 넣을 수있는 위치가 있습니다. 컨트롤을 인식하는 클라이언트는 적절하게 프레젠테이션에 포함시킬 것으로 예상됩니다.

JSON 표현이 올바르게 A와 IMG을 구문 분석하는 방법을 아는 브라우저와 유사하다 (

"points" : [ 
{ 
    "xPos" : 15, 
    "yPos" : 0, 
    "label" : "July 15, 2016" 
    "links" : [ 
    { "rel" : "details" 
    , "href": "..." 
    }, 
    // more links if necessary 
    ] 
}, 
// more points 
] 
일반적으로 클라이언트가 미리 관계의 다른 종류를 알 것으로 예상된다

같은 것을 보일 수 있습니다 href에 어떤 값이 올지 미리 알지 못함) 이해할 수없는 관계를 무시합니다 (기존 클라이언트를 손상시키지 않고 API에 링크를 추가 할 수 있음).