json to html

Cách chuyển đổi tệp JSON sang định dạng HTML trực tuyến.

JSON(JavaScript Object Notation) là định dạng được ưa chuộng cho việc trao đổi dữ liệu có cấu trúc trong các ứng dụng hiện đại. Tuy nhiên, khi cần trình bày dữ liệu này một cách trực quan trên web, việc chuyển đổi nó thành HTML—đặc biệt là thành các bố cục bảng có phong cách—là rất quan trọng. Với Aspose.Cells Cloud SDK cho Node.js, bạn có thể chuyển đổi các tệp JSON thô thành các tệp HTML dễ đọc, đáp ứng, lý tưởng cho các bảng điều khiển, báo cáo và việc hiển thị trên trình duyệt.

Node.js API để Chuyển Đổi JSON sang HTML

The Aspose.Cells Cloud SDK for Node.js cho phép chuyển đổi JSON sang HTML một cách liền mạch. Nó sử dụng khả năng mở rộng của đám mây để tạo ra các tệp HTML nhẹ và sạch trực tiếp từ dữ liệu JSON của bạn—không cần Excel hay thư viện bên thứ ba.

Tính năng chính

  • Chuyển đổi các tệp JSON thành các tài liệu HTML định dạng tốt.
  • Hỗ trợ hiển thị bảng với tiêu đề, ô và kiểu được nhúng.
  • Được lưu trữ trên đám mây—không cần phần mềm cài đặt tại chỗ.
  • RESTful và bảo mật với OAuth 2.0.

Bắt đầu

  1. Cài đặt SDK qua npm:
npm install asposecellscloud --save
  1. Obtain Client Credentials: Tạo một tài khoản tại Aspose.Cloud Dashboard và lấy Client ID và Client Secret của bạn. Để biết thêm chi tiết, bạn có thể xem bài viết quick start.

Chuyển đổi JSON sang HTML Sử dụng Node.js

Làm theo các bước sau để thực hiện chuyển đổi bằng Node.js:

Bước 1: Khởi tạo API:

const { CellsApi, PostWorkbookSaveAsRequest } = require("asposecellscloud");
const cellsApi = new CellsApi("YOUR_CLIENT_ID", "YOUR_CLIENT_SECRET");

Bước 2: Tải lên tệp JSON:

const fs = require("fs");
const path = require("path");

const jsonFilePath = path.resolve("data.json");
await cellsApi.uploadFile("data.json", fs.createReadStream(jsonFilePath));

Bước 3: Gửi yêu cầu chuyển đổi:

const saveOptions = {
  SaveFormat: "HTML"
};

const request = new PostWorkbookSaveAsRequest({
  name: "data.json",
  newfilename: "converted/output.html",
  saveOptions: saveOptions,
  isAutoFitRows: true,
  isAutoFitColumns: true
});

await cellsApi.postWorkbookSaveAs(request);
console.log("JSON successfully converted to HTML.");

// Để biết thêm ví dụ, vui lòng truy cập https://github.com/aspose-cells-cloud/aspose-cells-cloud-android/tree/master/Examples
const { CellsApi, PostWorkbookSaveAsRequest } = require("asposecellscloud");
const cellsApi = new CellsApi("YOUR_CLIENT_ID", "YOUR_CLIENT_SECRET");

const fs = require("fs");
const path = require("path");

const jsonFilePath = path.resolve("data.json");
// tải tệp JSON đầu vào lên lưu trữ đám mây
await cellsApi.uploadFile("data.json", fs.createReadStream(jsonFilePath));

const saveOptions = {
  SaveFormat: "HTML"
};

const request = new PostWorkbookSaveAsRequest({
  name: "data.json",
  newfilename: "converted/output.html",
  saveOptions: saveOptions,
  isAutoFitRows: true,
  isAutoFitColumns: true
});

// khởi động hoạt động chuyển đổi JSON sang HTML
await cellsApi.postWorkbookSaveAs(request);
console.log("JSON successfully converted to HTML.");
json to html

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

  • Tệp JSON mẫu được sử dụng trong ví dụ trên có thể được tải xuống từ input.json.

Lưu JSON vào HTML bằng cURL

Nếu bạn thích các công cụ dòng lệnh hoặc tự động hóa dựa trên script, hãy sử dụng phương pháp cURL sau đây.

Bước 1 - Tạo Token Truy Cập:

curl -v "https://api.aspose.cloud/connect/token" \
-X POST \
-d "grant_type=client_credentials&client_id=YOUR_CLIENT_ID&client_secret=YOUR_CLIENT_SECRET" \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Accept: application/json"

Bước 2 – Gửi yêu cầu chuyển đổi JSON sang HTML:

curl -X 'POST' \
  'https://api.aspose.cloud/v3.0/cells/{sourceJSON}/SaveAs?newfilename={resultantHTML}&isAutoFitRows=false&isAutoFitColumns=false&checkExcelRestriction=false' \
  -H "accept: application/json" \
  -H "authorization: Bearer <ACCESS_TOKEN>" \
  -H "Content-Type: application/json" \
  -d "{
    \"SaveFormat\": \"html\",
    \"ClearData\": true,
    \"CreateDirectory\": true,
    \"EnableHTTPCompression\": true,
    \"RefreshChartCache\": true,
    \"SortNames\": true,
    \"ValidateMergedAreas\": true,
    \"MergeAreas\": true,
    \"SortExternalNames\": true,
    \"CheckExcelRestriction\": true,
    \"UpdateSmartArt\": true,
    \"EncryptDocumentProperties\": true
}"

Thay thế sourceJSON bằng tên của tệp JSON đầu vào, resultantHTML bằng tên của tệp HTML kết quả và ACCESSTOKEN bằng mã thông báo truy cập JWT được tạo ở trên.

Hãy thử Công cụ Chuyển đổi JSON sang HTML Trực tuyến Miễn phí

Muốn thử trước khi lập trình? Sử dụng Online JSON to HTML Converter của chúng tôi để nhanh chóng hình dung dữ liệu có cấu trúc dưới dạng trang web.

bộ chuyển đổi json sang html

Ứng dụng chuyển đổi JSON sang HTML trực tuyến miễn phí.

📚 Tài liệu bổ sung

Kết luận

Với Aspose.Cells Cloud SDK cho Node.js, việc chuyển đổi tệp JSON thành HTML sạch sẽ, có cấu trúc trở nên dễ dàng. Dù bạn đang tạo phản hồi API, tạo hình ảnh dữ liệu, hay hiển thị báo cáo phân tích, giải pháp dựa trên đám mây này cung cấp độ tin cậy và dễ sử dụng không ai sánh kịp.

Bắt đầu hôm nay để tối ưu hóa quy trình làm việc từ JSON sang HTML bằng sức mạnh của Node.js và RESTful APIs.

🔗 Các bài viết liên quan

Chúng tôi rất khuyến khích bạn ghé thăm các blog sau: