json to html

在线使用 Node.js 执行 JSON 到 HTML 的转换。

展示 JSON (JavaScript 对象表示法)数据以 HTML 格式在构建仪表盘、可视化报告或将结构化数据嵌入网页内容时至关重要。与其手动格式化数据，您现在可以使用强大的 GroupDocs.Conversion Cloud SDK 在 Node.js 中将 JSON 转换为 HTML —— 这是一种简化文档转换的 REST API。

在本教程中，我们将带您了解如何使用 Node.js 将 JSON 文件转换为干净的、适合浏览器的 HTML 文档。

📌 快速导航

🚀 为什么将 JSON 转换为 HTML？

HTML 是在网页上显示数据的标准格式。通过将 JSON (JavaScript Object Notation) 转换为 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 凭据(客户端 ID 和客户端密钥)，请访问 GroupDocs Cloud Dashboard。有关更多信息，请按照此 tutorial 中指定的说明操作。

🛠️ 通过 Node.js 将 JSON 转换为 HTML

以下是如何使用 GroupDocs.Conversion Cloud SDK 在 Node.js 中将 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);

📌 第 2 步：将 JSON 文件上传到云端

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

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

// 更多示例请访问 https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// 获取您的 API 凭据 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// 创建 Configuration 类的实例，并用客户端 ID 和客户端密钥进行初始化。
Configuration configuration = new Configuration(clientId, clientSecret);
// 定义用于在线执行 JSON 到 HTML 转换的 API 基础 URL
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// 初始化带有 Configuration 对象的 ConvertApi 实例
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);
    
// 检查响应并打印成功消息
if (response != null && response.equals("OK")) {
    System.out.println("Conversion successful! Resultant HTML file is saved at: " + response.getFilePath());
}
json to html

图像：- 使用 Node.js 执行的 JSON 到 HTML 转换的预览。

  • 上述示例中使用的输入 JSON 可以从 这个链接 下载。

💻 使用 cURL 将 JSON 转换为 HTML

在使用 GroupDocs.Conversion Cloud 进行 cURL 命令时，您还可以执行 JSON 到 HTML 的转换。这种方法不仅简化了自动化和与各种工作流程的集成，还提供了平台独立、易于脚本编写的特性，并允许无缝、高质量的数据转换，而无需 extensive coding。

生成一个基于客户端凭据的 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\"}"

✅ 结论

使用 GroupDocs.Conversion Cloud SDK for Node.js 将 JSON 转换为 HTML 可以帮助开发人员从结构化数据生成动态、可读和可展示的网页内容。无论您是在构建管理仪表板、自动化报告还是处理 JSON API 响应，这个 SDK 都能通过干净的 HTML 输出简化流程。

📚 有用的资源

🌐 免费 JSON 转 HTML 在线应用

要在网页浏览器中体验 GroupDocs.Conversion Cloud 的惊人能力，您可以考虑使用我们的免费且轻量级的 JSON to HTML Conversion App。

json to html converter

🔗 相关文章

我们推荐访问以下链接以了解更多信息：