json to html

如何在线将 JSON 文件转换为 HTML 格式。

JSON(JavaScript Object Notation) 是现代应用程序中结构化数据交换的首选格式。然而，当涉及到在网络上以视觉方式呈现这些数据时，将其转换为HTML——特别是具有样式的表格布局——是至关重要的。使用 Aspose.Cells Cloud SDK for Node.js，您可以将原始 JSON 文件转换为可读的、响应式的 HTML 文件，非常适合用于仪表板、报告和基于浏览器的呈现。

Node.js API for JSON to HTML Conversion

Aspose.Cells Cloud SDK for Node.js 允许无缝的 JSON 到 HTML 转换。它利用云的可扩展性直接从您的 JSON 数据渲染轻量级、干净的 HTML 文件—无需 Excel 或第三方库。

主要特征

  • 将 JSON 文件转换为格式良好的 HTML 文档。
  • 支持带有标题、单元格和嵌入样式的表格渲染。
  • 云托管——不需要本地软件。
  • 具有 OAuth 2.0 的 RESTful 和安全性。

入门指南

  1. 通过 npm 安装 SDK：
npm install asposecellscloud --save
  1. 获取客户端凭证： 在 Aspose.Cloud Dashboard 创建一个帐户并获取您的客户端 ID 和客户端密钥。有关更多详细信息，您可以考虑访问 quick start 文章。

将 JSON 转换为 HTML 使用 Node.js

按照以下步骤使用 Node.js 进行转换：

步骤 1：初始化 API：

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

步骤 2：上传 JSON 文件：

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

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

步骤 3：发送转换请求：

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.");

// 有关更多示例，请访问 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");
// 将输入的 JSON 文件上传到云存储
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
});

// 初始化 JSON 到 HTML 转换操作
await cellsApi.postWorkbookSaveAs(request);
console.log("JSON successfully converted to HTML.");
json to html

JSON到HTML文件转换的预览。

  • 上述示例中使用的示例 JSON 文件可以从 input.json 下载。

使用 cURL 将 JSON 保存到 HTML

如果您偏好命令行工具或基于脚本的自动化，请使用以下 cURL 方法。

步骤 1 – 生成访问令牌：

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"

步骤 2 – 发送 JSON 到 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
}"

将 sourceJSON 替换为输入 JSON 文件的名称，将 resultantHTML 替换为结果 HTML 文件的名称，将 ACCESSTOKEN 替换为上述生成的 JWT 访问令牌。

试用免费的在线 JSON 转 HTML 转换器

想在编码之前试试吗？使用我们的 Online JSON to HTML Converter 快速将结构化数据可视化为网页。

json to html converter

免费的在线 JSON 转 HTML 转换器应用。

📚 其他资源

结论

使用 Aspose.Cells Cloud SDK for Node.js，将 JSON 文件转换为干净、结构化的 HTML 变得轻而易举。无论您是在渲染 API 响应、创建数据可视化，还是展示分析报告，这种基于云的解决方案都提供了无与伦比的可靠性和易用性。

今天就开始使用 Node.js 和 RESTful API 的强大功能来简化您的 JSON 到 HTML 的工作流程。

🔗 相关文章

我们强烈推荐访问以下博客：