정적 웹 사이트의 테이블에 API에서 가져온 데이터를 삽입하십시오

Question

Hugo으로 작성된 정적 웹 사이트와 로컬 데이터 파일의 데이터를 표시하고이 데이터를 완성하는 API의 특정 값을 추가하는 테이블이 있습니다 :

<table id="markets-table"> 
    <thead> 
     <tr> 
     <th>Asset</th> 
     <th>Year</th> 
     <th>Market Cap</th> 
     <th>Price</th> 
     <th>Industry</th> 
     <th>Type</th> 
     <th>Description</th> 
     </tr> 
    </thead> 
    <tbody> 
     {{ $dataAssets := getJSON "https://api/v1/ticker/" }} 
     {{ range $.Site.Data.assets }} 
      <tr> 
       <td>{{ .name }}</td> 
       <td>{{ .year }}</td> 
       {{ range where $dataAssets "name" .name }} 
       <td>${{ lang.NumFmt 0 .market_cap_usd }}</td> 
       <td>${{ lang.NumFmt 2 .price_usd }}</td> 
       {{ else }} 
       <td>N/A</td> 
       <td>N/A</td> 
       {{ end }} 
       <td>{{ .industry }}</td> 
       <td>{{ .type }}</td> 
       <td>{{ .description }}</td> 
      </tr> 
     {{ end }} 
    </tbody> 
    </table> 

이 테이블을 정렬 가능하고 필터링 가능하며 검색 가능하게 만들려면 datatables을 사용하십시오.

이 모든 것은 정상적으로 작동하지만 내 데이터는 빌드 할 때 정적으로 설정되며 API에서 오는 값을 동적/"실시간"으로 지정합니다..

액시스 또는 jQuery.ajax()를 사용하여 데이터를 가져올 수는 있지만이 데이터를 내 테이블에 통합하고 깨끗하게 유지하는 방법을 잘 모르겠습니다.

필자의 경우 더 유용한 다른 것이 있다면 다른 도구/테이블 플러그인으로 전환하는 것이 가능합니다.

도움 주셔서 감사합니다.

Answer 1

휴고의 유일한 목적은 정적 컨텐츠를 생성하는 것입니다. 데이터베이스 및 원격 데이터베이스 쿼리에서 컨텐트를 생성 할 수 있지만 항상 정적입니다. 정적 콘텐츠는 검색 엔진에서 쉽게 색인을 생성하므로 SEO 친화적입니다.

한 가지 가능한 솔루션과 SEO 친화적 인 솔루션은 데이터가 업데이트 될 때마다 서버에서 콘텐츠를 생성하는 것입니다. 그러나이 솔루션을 사용하는 것이 데이터가 자주 바뀌지 않는 경우 (예 : 하루에 한 번씩), 브라우저를 다루는 또 다른 난제에 맞서기 만하면 짧은 기간 동안 부실 콘텐츠에 신경 쓰지 않는 경우에 이상적입니다. 캐싱 및 응답 헤더 설정