json to html

Cómo convertir JSON a HTML usando Node.js.

Convertir JSON(JavaScript Object Notation) a HTML es crucial cuando quieres presentar datos estructurados en un formato legible y visualmente atractivo en sitios web o paneles de control. Con GroupDocs.Conversion Cloud SDK para Node.js, puedes transformar sin problemas archivos JSON en bruto en elegantes páginas HTML utilizando llamadas a la API REST, ideal para automatizar la visualización de datos o integrar contenido en aplicaciones web.

📦 SDK de Node.js para la conversión de JSON a HTML

GroupDocs.Conversion Cloud SDK for Node.js admite la conversión de JSON a HTML con alta fidelidad y una arquitectura RESTful fácil de integrar.

💡 Beneficios Clave:

  • Convert structured JSON data to formatted HTML.
  • Retain hierarchy and formatting.
  • Nativo de la nube, no se requiere software local.

📥 Instalar SDK

npm install groupdocs-conversion-cloud --save

Crea una cuenta gratuita y obtén tu Client ID y Client Secret del GroupDocs Cloud dashboard.

🚀 Convertir JSON a HTML en Node.js

Aquí está cómo convertir JSON a HTML usando Node.js:

⚙️ Paso 1: Importar SDK y configurar 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);

⚙️ Paso 2: Carga el archivo JSON a la nube

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

⚙️ Paso 3: Establecer opciones de conversión (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.");
// Más ejemplos en  https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Obtain your API credentials 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// Crea una instancia de la clase Configuration e inicialízala con el Client ID & Client Secret
Configuration configuration = new Configuration(clientId, clientSecret);
// Define la URL base de la API para realizar la conversión de JSON a HTML en línea.
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// Inicializa una instancia de ConvertApi con el objeto de Configuración.
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// Utilice el método ConvertDocument para convertir un archivo JSON a 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

Imagen:- Una vista previa de la conversión de JSON a HTML.

El JSON de entrada utilizado en el ejemplo anterior se puede descargar desde aquí.

💻 JSON a HTML a través del comando cURL

Alternativamente, puede considerar usar GroupDocs.Conversion Cloud con comandos cURL para la conversión de JSON a HTML para una transformación de datos fluida, independiente de la plataforma y de alta calidad, sin necesidad de codificación extensa.

✅ Perfecto para scripts y trabajos por lotes donde no se requiere GUI.

Una vez que hayamos obtenido nuestro token de acceso JWT personalizado, utilice este comando cURL para convertir JSON a HTML desde la línea de comandos:

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

Por favor, reemplace inputFile con el nombre del archivo JSON de entrada, resultantPath con el nombre del archivo HTML resultante y JWTTOKEN con un token de acceso JWT personalizado.

  • Para almacenar el HTML resultante en el disco local, por favor intenta usar el siguiente comando 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\"}"

🌐 Prueba la conversión de JSON a HTML en línea

Pruebe nuestra aplicación de conversión JSON a HTML Conversion App ligera y súper eficiente, desarrollada utilizando las APIs de GroupDocs.Conversion Cloud. Le permite experimentar las increíbles capacidades de la API de conversión de documentos JSON a HTML.

convertidor de json a html

🔗 Enlaces Útiles

✅ Conclusión

En este artículo, hemos aprendido enfoques simples pero asombrosos para convertir JSON a HTML utilizando GroupDocs.Conversion Cloud SDK. La API REST hace que convertir JSON a HTML sea fácil, seguro y amigable para los desarrolladores. Ya sea que estés trabajando en visualización de datos, paneles web o automatización, esta API proporciona una solución rápida y escalable.

Artículos Recomendados

También recomendamos visitar los siguientes enlaces para aprender más sobre: