json to html

온라인에서 Node.js로 JSON을 HTML로 변환하세요.

대시보드, 시각적 보고서 또는 웹 콘텐츠에 구조화된 데이터를 삽입할 때 JSON(JavaScript Object Notation) 데이터를 HTML 형식으로 표시하는 것은 필수적입니다. 데이터를 수동으로 형식화하는 대신, 이제 강력한 GroupDocs.Conversion Cloud SDK를 사용하여 Node.js에서 JSON을 HTML로 변환할 수 있습니다. 이 SDK는 문서 변환을 단순화하는 REST API입니다.

이 튜토리얼에서는 Node.js를 사용하여 JSON 파일을 깔끔하고 브라우저 준비가 완료된 HTML 문서로 변환하는 방법을 안내합니다.

📌 빠른 탐색

🚀 왜 JSON을 HTML로 변환해야 하나요?

HTML은 웹에서 데이터를 표시하는 표준 형식입니다. JSON(자바스크립트 객체 표기법)을 HTML로 변환함으로써 개발자는:

  • ✅ 사용자 친화적인 레이아웃으로 구조화된 데이터를 렌더링합니다.
  • ✅ 웹사이트나 웹 앱에 JSON 포함하기.
  • ✅ 중첩된 JSON에서 읽기 쉬운 표나 블록 생성.
  • ✅ API 응답을 읽기 쉬운 HTML 페이지로 내보내기.

⚙️ GroupDocs Node.js SDK 설치

GroupDocs.Conversion Cloud SDK for Node.js는 JavaScript 기반 애플리케이션에 파일 형식 변환을 통합하는 가벼운 방법을 제공합니다. 시작하려면:

  1. npm을 통해 설치:
npm install groupdocs-conversion-cloud --save
  1. API 자격 증명(Client ID 및 Client Secret)을 GroupDocs Cloud Dashboard에서 가져오세요. 더 많은 정보를 원하시면 이 tutorial에 명시된 지침을 따르세요.

🛠️ JSON을 Node.js에서 HTML로 변환하기

다음은 Node.js에서 GroupDocs.Conversion Cloud SDK를 사용하여 JSON 파일을 HTML로 변환하는 방법입니다:

📌 1단계: SDK 가져오기 및 API 구성

const { Configuration, ConvertApi, FileApi, UploadFileRequest, ConvertSettings, ConvertDocumentRequest } = require("groupdocs-conversion-cloud");
const config = new Configuration("YOUR_CLIENT_ID", "YOUR_CLIENT_SECRET");
const convertApi = new ConvertApi(config);
const fileApi = new FileApi(config);

📌 Step 2: Cloud에 JSON 파일 업로드

const fs = require("fs");
const uploadRequest = new UploadFileRequest("input.json", fs.createReadStream("input.json"));
await fileApi.uploadFile(uploadRequest);

📌 Step 3: 변환 옵션 설정 (JSON → HTML)

const settings = new ConvertSettings();
settings.filePath = "input.json";
settings.format = "html";
settings.outputPath = "converted/output.html";

const request = new ConvertDocumentRequest(settings);
await convertApi.convertDocument(request);
console.log("✅ JSON converted to HTML successfully.");

// More examples over https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// API 자격 증명을 얻으십시오. 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// Configuration 클래스의 인스턴스를 생성하고 Client ID 및 Client Secret으로 초기화합니다.
Configuration configuration = new Configuration(clientId, clientSecret);
// API 기본 URL을 정의하여 온라인으로 JSON을 HTML로 변환합니다.
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// ConvertApi의 Configuration 객체로 인스턴스를 초기화합니다.
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// ConvertDocument 메서드를 사용하여 JSON을 HTML 파일로 변환하세요.
ConvertDocumentRequest request = new ConvertDocumentRequest(settings);
List<StoredConvertedResult> response = convertApi.convertDocument(request);
    
// Check the response and print success message
if (response != null && response.equals("OK")) {
    System.out.println("Conversion successful! Resultant HTML file is saved at: " + response.getFilePath());
}
json to html

Image:- A preview of JSON to HTML conversion performed with Node.js.

  • 위 예제에서 사용된 입력 JSON은 이 링크에서 다운로드할 수 있습니다.

💻 JSON을 cURL을 통해 HTML로 변환하기

GroupDocs.Conversion Cloud를 cURL 명령어와 함께 사용할 때, JSON을 HTML로 변환하는 것도 가능합니다. 이 접근 방식은 자동화 및 다양한 워크플로우에 통합하는 것을 단순화할 뿐만 아니라, 플랫폼 독립적이고 스크립트를 쉽게 작성할 수 있으며, 광범위한 코딩 없이 원활하고 고품질의 데이터 변환을 허용합니다.

클라이언트 자격 증명을 기반으로 JWT 액세스 토큰을 생성한 다음 다음 명령을 실행하십시오:

curl -v "https://api.groupdocs.cloud/v2.0/conversion" \
-X POST \
-H "accept: application/json" \
-H "authorization: Bearer {YOUR_ACCESS_TOKEN}" \
-H "Content-Type: application/json" \
-d "{  \"StorageName\": \"internal\",  \"FilePath\": \"{inputFile}\",  \"Format\": \"html\",  \"OutputPath\": \"{myResultant}\"}"

inputFile 값을 입력 JSON 파일의 이름으로, myResultant 값을 결과 HTML 파일의 이름으로, accessToken 값을 개인화된 JWT 액세스 토큰으로 바꾸십시오.

  • 결과 HTML을 로컬 드라이브에 저장해야 하는 경우 다음 명령어를 실행하는 것을 고려할 수 있습니다:
curl -v "https://api.groupdocs.cloud/v2.0/conversion" \
-X POST \
-H "accept: application/json" \
-H "authorization: Bearer {accessToken}" \
-H "Content-Type: application/json" \
-d "{  \"StorageName\": \"internal\",  \"FilePath\": \"input.json\",  \"Format\": \"html\"}"

✅ 결론

JSON을 HTML로 변환하는 GroupDocs.Conversion Cloud SDK for Node.js는 개발자들이 구조화된 데이터에서 동적이고 읽기 쉬우며 보기 좋은 웹 콘텐츠를 생성하는데 도움을 줍니다. 관리 대시보드를 구축하든, 보고서를 자동화하든, JSON API 응답을 다루든, 이 SDK는 깔끔한 HTML 출력을 통해 과정을 단순화합니다.

📚 유용한 자료

🌐 무료 JSON to HTML 온라인 앱

웹 브라우저에서 GroupDocs.Conversion Cloud의 놀라운 기능을 경험하려면, 무료이자 경량의 JSON to HTML Conversion App을 사용하는 것을 고려해 보세요.

json to html 변환기

🔗 관련 기사

다음 링크를 방문하여 자세히 알아보는 것을 추천합니다: