Render JSON Data to HTML Table Format using Node.js API

JSON(JavaScript Object Notation) es el formato preferido para el intercambio de datos estructurados en aplicaciones modernas. Sin embargo, cuando se trata de presentar estos datos visualmente en la web, convertirlos en HTML, especialmente en diseños tabulares con estilo, es esencial. Con Aspose.Cells Cloud SDK para Node.js, puedes convertir archivos JSON sin procesar en archivos HTML legibles y responsivos, ideales para панели de control, informes y renderización basada en navegadores.

• API de Node.js para la conversión de JSON a HTML
• Convertir JSON a HTML utilizando Node.js
• Guardar JSON en HTML usando cURL

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

El Aspose.Cells Cloud SDK for Node.js permite una transformación fluida de JSON a HTML. Utiliza la escalabilidad de la nube para generar archivos HTML ligeros y limpios directamente desde tus datos JSON, sin necesidad de Excel o bibliotecas de terceros.

Características Principales

• Convertir archivos JSON a documentos HTML bien formateados.
• Soporta la representación de tablas con encabezados, celdas y estilos incrustados.
• Alojado en la nube—no se requiere software local.
• RESTful y seguro con OAuth 2.0.

Empezando

1. Instalar SDK a través de npm:

npm install asposecellscloud --save

2. Obtener Credenciales del Cliente: Crea una cuenta en Aspose.Cloud Dashboard y obtén tu Client ID y Client Secret. Para más detalles, puedes considerar visitar el artículo de quick start.

Convertir JSON a HTML Usando Node.js

Siga estos pasos para realizar la conversión utilizando Node.js:

Paso 1: Inicializa la API:

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

Paso 2: Subir archivo JSON:

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

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

Paso 3: Enviar solicitud de conversión:

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

// Para más ejemplos, por favor visita 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");
// sube el archivo JSON de entrada a la nube almacenamiento
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
});

// iniciar operación de conversión de JSON a HTML
await cellsApi.postWorkbookSaveAs(request);
console.log("JSON successfully converted to HTML.");

• El archivo JSON de ejemplo utilizado en el ejemplo anterior se puede descargar de input.json.

Guardar JSON en HTML usando cURL

Si prefieres herramientas de línea de comandos o automatización basada en scripts, utiliza el siguiente método cURL.

Paso 1 – Generar Token de Acceso:

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"

Paso 2 – Enviar solicitud de conversión de JSON a 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
}"

Reemplace sourceJSON con el nombre del archivo JSON de entrada, resultantHTML con el nombre del archivo HTML resultante y ACCESSTOKEN con el token de acceso JWT generado anteriormente.

Prueba el convertidor de JSON a HTML en línea gratuito

¿Quieres probar antes de codificar? Usa nuestro Online JSON to HTML Converter para visualizar rápidamente datos estructurados como una página web.

📚 Recursos Adicionales

• Documentación de la API de Node.js
• Guía de referencia de la API
• Código Fuente de GitHub
• Foro de Soporte
• Demos de API en vivo

Conclusión

Con Aspose.Cells Cloud SDK para Node.js, convertir archivos JSON en HTML limpio y estructurado se vuelve effortless. Ya sea que estés renderizando respuestas de API, creando visualizaciones de datos o mostrando informes analíticos, esta solución basada en la nube ofrece una fiabilidad y facilidad de uso inigualables.

Empieza hoy a optimizar tus flujos de trabajo de JSON a HTML utilizando el poder de Node.js y APIs RESTful.

🔗 Artículos Relacionados

Recomendamos encarecidamente visitar los siguientes blogs:

• Convertir Word a Markdown en Node.js
• DOCX a formato OpenDocument en línea con API de Node.js
• Convertir Word a HTML usando Node.js