json to html

如何使用 Node.js 将 JSON 转换为 HTML。

将 JSON(JavaScript 对象表示法)转换为 HTML 在您希望在网站或仪表板上以可读和视觉上吸引人的格式呈现结构化数据时至关重要。使用 GroupDocs.Conversion Cloud SDK for Node.js，您可以通过 REST API 调用无缝地将原始 JSON 文件转换为优雅的 HTML 页面——非常适合自动化数据可视化或将内容集成到 Web 应用程序中。

📦 Node.js SDK 用于 JSON 转换为 HTML

GroupDocs.Conversion Cloud SDK for Node.js 支持高保真度的 JSON 到 HTML 转换，并且具有易于集成的 RESTful 架构。

💡 关键好处：

  • 将结构化的 JSON 数据转换为格式化的 HTML。
  • Retain hierarchy and formatting.
  • 云原生，无需本地软件。

📥 安装 SDK

npm install groupdocs-conversion-cloud --save

创建一个免费帐户并从 GroupDocs Cloud dashboard 获取您的客户端 ID 和客户端密钥。

🚀 在 Node.js 中将 JSON 转换为 HTML

以下是如何使用 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 文件上传到 Cloud

const fs = require("fs");
const uploadRequest = new UploadFileRequest("source.json", fs.createReadStream("source.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 to HTML completed 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");

// 初始化一个具有配置对象的 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

图像：- JSON 转 HTML 转换的预览。

可以从 这里 下载上述示例中使用的输入 JSON。

💻 JSON 转 HTML 通过 cURL 命令

此外，您可以考虑使用 GroupDocs.Conversion Cloud 通过 cURL 命令进行 JSON 到 HTML 的转换，以实现无缝、平台独立和高质量的数据转换，而无需大量编码。

✅ 完美适用于不需要 GUI 的脚本和批处理作业。

一旦我们获得了个性化的 JWT 访问令牌，请使用此 cURL 命令从命令行将 JSON 转换为 HTML：

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}\"}"

请将 inputFile 替换为输入 JSON 文件的名称，将 resultantPath 替换为生成的 HTML 文件的名称，并将 JWTTOKEN 替换为个性化的 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 转换

尝试我们的轻量级和超高效的 JSON to HTML Conversion App，该应用程序是使用 GroupDocs.Conversion Cloud API 开发的。它使您能够体验 JSON 文档到 HTML 转换 API 的惊人功能。

json to html converter

🔗 有用的链接

✅ 结论

在本文中，我们学习了使用 GroupDocs.Conversion Cloud SDK 将 JSON 转换为 HTML 的简单而出色的方法。REST API 使得 JSON 转换为 HTML 变得简单、安全且开发友好。无论您是在进行数据可视化、网络仪表板还是自动化，这个 API 提供了一个快速且可扩展的解决方案。

推荐的文章

我们还建议访问以下链接以了解更多信息：