json to html

Cách Chuyển Đổi JSON Sang HTML Sử Dụng Node.js.

Chuyển đổi JSON(JavaScript Object Notation) sang HTML là rất quan trọng khi bạn muốn trình bày dữ liệu có cấu trúc theo định dạng dễ đọc và hấp dẫn về mặt hình ảnh trên các trang web hoặc bảng điều khiển. Với GroupDocs.Conversion Cloud SDK cho Node.js, bạn có thể dễ dàng biến đổi các tệp JSON thô thành các trang HTML thanh lịch thông qua các cuộc gọi REST API—lý tưởng cho việc tự động hóa trực quan hóa dữ liệu hoặc tích hợp nội dung vào các ứng dụng web.

📦 Node.js SDK cho việc chuyển đổi JSON sang HTML

GroupDocs.Conversion Cloud SDK for Node.js hỗ trợ chuyển đổi JSON sang HTML với độ trung thực cao và kiến trúc RESTful dễ tích hợp.

💡 Lợi ích chính:

  • Chuyển đổi dữ liệu JSON có cấu trúc thành HTML được định dạng.
  • Retain hierarchy and formatting.
  • Cloud gốc, không yêu cầu phần mềm cài đặt tại chỗ.

📥 Cài đặt SDK

npm install groupdocs-conversion-cloud --save

Tạo một tài khoản miễn phí và lấy Client ID và Client Secret của bạn từ GroupDocs Cloud dashboard.

🚀 Chuyển đổi JSON sang HTML trong Node.js

Dưới đây là cách chuyển đổi JSON thành HTML bằng Node.js:

⚙️ Bước 1: Nhập SDK và cấu hình 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);

⚙️ Bước 2: Tải lên file JSON lên Cloud

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

⚙️ Bước 3: Đặt tùy chọn chuyển đổi (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 to HTML completed successfully.");
// More examples over https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Lấy thông tin đăng nhập API của bạn 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// Tạo một thể hiện của lớp Configuration và khởi tạo nó với Client ID & Client Secret
Configuration configuration = new Configuration(clientId, clientSecret);
// Định nghĩa URL cơ sở API để thực hiện chuyển đổi JSON thành HTML trực tuyến
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// Khởi tạo một phiên bản của ConvertApi với đối tượng Configuration
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// Sử dụng phương thức ConvertDocument để chuyển đổi JSON thành tệp 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

Hình ảnh: - Một bản xem trước của việc chuyển đổi JSON sang HTML.

Input JSON được sử dụng trong ví dụ trên có thể được tải xuống từ đây .

💻 JSON to HTML qua lệnh cURL

Ngoài ra, bạn có thể xem xét việc sử dụng GroupDocs.Conversion Cloud với các lệnh cURL để chuyển đổi JSON sang HTML cho việc chuyển đổi dữ liệu liền mạch, độc lập với nền tảng và chất lượng cao, mà không cần lập trình phức tạp.

✅ Hoàn hảo cho các script và tác vụ lô mà không cần GUI.

Một khi chúng ta đã nhận được mã thông báo truy cập JWT cá nhân hóa, vui lòng sử dụng lệnh cURL này để chuyển đổi JSON thành HTML từ dòng lệnh:

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

Vui lòng thay thế inputFile bằng tên của tệp JSON đầu vào, resultantPath bằng tên của tệp HTML kết quả và JWTTOKEN bằng một mã truy cập JWT cá nhân hóa.

  • Để lưu trữ HTML kết quả trên ổ đĩa cục bộ, vui lòng thử sử dụng lệnh cURL sau:
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\"}"

🌐 Thử chuyển đổi JSON thành HTML trực tuyến

Hãy thử ứng dụng Chuyển đổi JSON sang HTML nhẹ và siêu hiệu quả của chúng tôi, được phát triển bằng cách sử dụng các API GroupDocs.Conversion Cloud. Nó cho phép bạn trải nghiệm những khả năng tuyệt vời của API chuyển đổi tài liệu JSON sang HTML.

trình chuyển đổi json sang html

🔗 Liên kết hữu ích

✅ Kết luận

Trong bài viết này, chúng ta đã học những cách đơn giản nhưng tuyệt vời để chuyển đổi JSON sang HTML bằng cách sử dụng GroupDocs.Conversion Cloud SDK. REST API giúp việc chuyển đổi JSON sang HTML trở nên dễ dàng, an toàn và thân thiện với nhà phát triển. Dù bạn đang làm việc trên trực quan hóa dữ liệu, bảng điều khiển web, hay tự động hóa, API này cung cấp một giải pháp nhanh chóng và có khả năng mở rộng.

Các Bài Viết Được Khuyến Nghị

Chúng tôi cũng khuyên bạn nên truy cập các liên kết sau để tìm hiểu thêm về: