JSON(JavaScript Object Notation)은 사람과 기계 모두 쉽게 읽고 쓸 수 있는 경량 데이터 교환 형식입니다. 그러나 이 데이터를 웹 페이지에서 사용자 친화적이고 시각적으로 매력적인 방식으로 표시하려면 HTML로 변환해야 합니다. 따라서 JSON을 HTML로 변환하면 실시간 데이터를 웹 페이지에 원활하게 통합하고 사용자 경험을 향상하며 개발 프로세스를 간소화할 수 있습니다.
JSON을 HTML로 변환하기 위한 REST API
GroupDocs.Conversion Cloud SDK for .NET은 JSON을 포함한 다양한 파일 형식을 HTML로 변환하기 위한 강력하고 유연한 솔루션을 제공합니다. 이 강력한 API는 변환 프로세스를 단순화하여 JSON 데이터를 잘 구조화된 HTML 콘텐츠로 변환하는 원활한 방법을 제공합니다. 첫 번째 단계는 NuGet 패키지 관리자에서 GroupDocs.Conversion-Cloud를 검색하여 SDK를 설치한 후 설치 버튼을 클릭하는 것입니다. 또는 패키지 관리자 콘솔에서 다음 명령을 실행하는 것을 고려할 수 있습니다.
NuGet\Install-Package GroupDocs.Conversion-Cloud -Version 24.4.0
설치 후에는 개인화된 API 자격 증명(예: 클라이언트 ID 및 클라이언트 비밀번호)을 얻어야 합니다. API 자격 증명을 얻는 방법에 대한 자세한 내용을 설명하는 이 짧은 튜토리얼에 지정된 지침을 따르십시오.
C#에서 JSON을 HTML로
C# .NET을 사용하여 JSON을 HTML로 변환하면 구조화된 데이터를 잘 구조화된 반응형 HTML 콘텐츠로 쉽게 동적으로 표시할 수 있습니다.
- 클라이언트 자격 증명을 인수로 전달하는
Configuration
클래스의 인스턴스를 만듭니다.
var configurations = new Configuration(clientId, clientSecret1);
- 구성 개체를 입력 인수로 전달하는
ConvertApi
를 초기화합니다.
var apiInstance = new ConvertApi(configurations);
- 입력 JSON 파일을 클라우드 스토리지에 업로드합니다.
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
- 입력 JSON 파일의 이름, 결과 형식을
html
, 결과 HTML 파일의 이름을 인수로 지정하는ConvertSettings
인스턴스를 만듭니다.
var settings = new ConvertSettings{...}
- ConvertDocumentRequest API를 호출하여 JSON 파일을 HTML 형식으로 변환하고 결과 HTML을 클라우드 스토리지에 저장합니다.
var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
// https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet에 대한 추가 예시
// API 자격 증명 얻기
string clientId = "4bdefca3-f08c-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "a43c8b4365246a062688a259abe5b469";
// 구성 클래스의 인스턴스를 생성하고 클라이언트 ID 및 클라이언트 비밀번호로 초기화합니다.
var configurations = new Configuration(clientId, clientSecret1);
// ApiBaseUrl 값을 정의하여 CSV-PDF 변환 API의 기본 URL을 설정합니다.
configuration.ApiBaseUrl = "https://api.groupdocs.cloud";
// Configuration 클래스의 개체를 사용하여 ConvertApi 클래스의 인스턴스를 초기화합니다.
var apiInstance = new ConvertApi(configurations);
// 로컬 드라이브에서 입력 JSON 파일의 내용을 읽습니다.
using (var stream = System.IO.File.OpenRead("input.csv"))
{
// FileApi 인스턴스 생성
var fileUpload = new FileApi(configurations);
// 입력 json을 클라우드 스토리지에 업로드
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
// 입력 JSON 파일 이름과 결과 HTML 파일 이름을 정의하는 ConvertSettings를 만듭니다.
var settings = new ConvertSettings
{
StorageName = "internal",
FilePath = "input.json",
Format = "html",
OutputPath = "myResultant.html"
};
// ConvertDocument 메서드를 호출하여 JSON을 HTML 형식으로 변환
var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
if (response != null && response.Equals("OK"))
{
// 성공 메시지 인쇄
Console.WriteLine("The JSON to HTML conversion completed successfully !");
}
}
위 예시에 사용된 입력 JSON은 이 링크에서 다운로드할 수 있습니다.
cURL 명령을 사용하여 JSON을 웹 페이지로 변환
JSON에서 HTML로의 변환을 위한 cURL 명령과 함께 GroupDocs.Conversion Cloud를 사용하면 자동화 및 다양한 워크플로로의 통합이 단순화됩니다. 이 접근 방식은 플랫폼 독립적이고 스크립팅이 쉬우며 광범위한 코딩 없이도 원활한 고품질 데이터 변환이 가능합니다.
먼저 클라이언트 자격 증명을 기반으로 JWT 액세스 토큰을 생성해야 합니다. JWT 토큰을 획득한 후 다음 cURL 명령을 실행하여 JSON 파일을 HTML 형식으로 변환하세요. 변환 후 결과 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\": \"{inputFile}\", \"Format\": \"html\", \"OutputPath\": \"{myResultant}\"}"
‘inputFile’을 입력 JSON 파일의 이름으로 바꾸고, ‘myResultant’를 결과 HTML 파일의 이름으로, ‘accessToken’을 개인화된 JWT 액세스 토큰으로 바꾸세요.
- 결과 HTML을 로컬 드라이브에 저장해야 하는 경우 다음 cURL 명령을 사용해 보십시오.
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 API를 사용하여 개발된 가볍고 효율적인 무료 JSON에서 HTML로의 변환 앱을 사용하는 것이 좋습니다. JSON 문서를 HTML로 변환하는 API의 놀라운 기능을 경험할 수 있습니다.
유용한 링크
결론
이 기사에서는 JSON을 HTML로 변환하는 두 가지 강력한 접근 방식인 강력하고 유연한 솔루션을 제공하는 GroupDocs.Conversion Cloud SDK와 GroupDocs.Conversion Cloud에서 cURL 명령을 사용하는 방법을 살펴보았습니다. 이 접근 방식은 플랫폼 독립적이고 쉽게 스크립팅 가능한 자동화 방법을 제공합니다. 결론적으로 두 방법 모두 웹 애플리케이션의 사용자 경험과 상호 작용성을 향상시키는 고품질의 반응형 HTML 출력을 보장함으로써 상당한 이점을 제공합니다.
관련 기사
또한 다음 링크를 방문하여 자세히 알아보는 것이 좋습니다.