json a html

Cómo convertir JSON a HTML con C# .NET.

JSON(Notación de objetos JavaScript) es un formato de intercambio de datos liviano que es fácil de leer y escribir tanto para humanos como para máquinas. Sin embargo, presentar estos datos de manera fácil de usar y visualmente atractiva en páginas web requiere conversión a HTML. Por lo tanto, al convertir JSON a HTML, puede integrar perfectamente datos en tiempo real en sus páginas web, mejorar la experiencia del usuario y agilizar el proceso de desarrollo.

API REST para conversión de JSON a HTML

GroupDocs.Conversion Cloud SDK para .NET ofrece una solución sólida y flexible para convertir varios formatos de archivos, incluido JSON a HTML. Esta potente API simplifica el proceso de conversión y le proporciona una forma sencilla de transformar datos JSON en contenido HTML bien estructurado. El primer paso es instalar el SDK buscando GroupDocs.Conversion-Cloud en el administrador de paquetes NuGet y luego hacer clic en el botón Instalar. Alternativamente, puede considerar ejecutar el siguiente comando en la consola del administrador de paquetes.

NuGet\Install-Package GroupDocs.Conversion-Cloud -Version 24.4.0

Después de la instalación, necesitamos obtener nuestras credenciales API personalizadas (es decir, ID de cliente y secreto de cliente).Siga las instrucciones especificadas en este breve tutorial que explica los detalles sobre cómo obtener las credenciales de API.

JSON a HTML en C#

La conversión de JSON a HTML utilizando C# .NET le permite mostrar dinámicamente datos estructurados en contenido HTML responsivo y bien estructurado con facilidad.

  1. Cree una instancia de la clase Configuración donde pasamos las credenciales del cliente como argumentos.
var configurations = new Configuration(clientId, clientSecret1);
  1. Inicialice ConvertApi donde pasamos el objeto de configuración como argumento de entrada.
var apiInstance = new ConvertApi(configurations);
  1. Cargue el archivo JSON de entrada al almacenamiento en la nube.
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
  1. Cree una instancia de ConvertSettings donde especificamos el nombre del archivo JSON de entrada, el formato resultante como html y el nombre del archivo HTML resultante como argumentos.
var settings = new ConvertSettings{...}
  1. Llame a la API ConvertDocumentRequest para transformar el archivo JSON al formato HTML y guardar el HTML resultante en el almacenamiento en la nube.
var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
// Más ejemplos en https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Obtenga sus credenciales API 
string clientId = "4bdefca3-f08c-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "a43c8b4365246a062688a259abe5b469";

// Cree una instancia de la clase Configuración e inicialícela con el ID del cliente y el secreto del cliente. 
var configurations = new Configuration(clientId, clientSecret1);
// Defina el valor de ApiBaseUrl para establecer la URL base de la API de conversión de CSV a PDF.
configuration.ApiBaseUrl = "https://api.groupdocs.cloud";

// Inicialice una instancia de la clase ConvertApi con el objeto de la clase Configuración.
var apiInstance = new ConvertApi(configurations);
             
// leer el contenido del archivo JSON de entrada desde la unidad local             
using (var stream = System.IO.File.OpenRead("input.csv"))
{
    // crear una instancia de FileApi
    var fileUpload = new FileApi(configurations);
    // suba el json de entrada al almacenamiento en la nube
    fileUpload.UploadFile(new UploadFileRequest("input.json", stream));

    // cree ConvertSettings donde definimos el nombre del archivo JSON de entrada y el nombre del archivo HTML resultante
    var settings = new ConvertSettings
    {
        StorageName = "internal",
        FilePath = "input.json",
        Format = "html",
        OutputPath = "myResultant.html"
    };
    
    // Invocar el método ConvertDocument para transformar JSON a formato HTML
    var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
    if (response != null && response.Equals("OK"))
    {
        // imprimir mensaje de éxito
        Console.WriteLine("The JSON to HTML conversion completed successfully !");
    }
}
json a 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 este enlace.

Convierta JSON a página web usando comandos cURL

El uso de GroupDocs.Conversion Cloud con comandos cURL para la conversión de JSON a HTML simplifica la automatización y la integración en varios flujos de trabajo. Este enfoque es independiente de la plataforma, fácil de programar y permite una transformación de datos fluida y de alta calidad sin necesidad de una codificación extensa.

En primer lugar, necesitamos generar el token de acceso JWT según las credenciales del cliente. Una vez que obtenga el token JWT, ejecute el siguiente comando cURL para convertir el archivo JSON al formato HTML. Después de la conversión, el HTML resultante se almacena en la nube.

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\": \"{inputFile}\",  \"Format\": \"html\",  \"OutputPath\": \"{myResultant}\"}"

Reemplace inputFile con el nombre del archivo JSON de entrada, myResultant con el nombre del archivo HTML resultante y accessToken con un token de acceso JWT personalizado.

  • Si necesitamos guardar el HTML resultante en la unidad local, intente 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\"}"

Convertidor gratuito de JSON a HTML

También recomendamos utilizar nuestra Aplicación de conversión de JSON a HTML gratuita, liviana y muy eficiente, desarrollada con las API GroupDocs.Conversion Cloud. Le permite experimentar las increíbles capacidades de la API de conversión de documentos JSON a HTML.

convertidor json a html

Enlaces útiles

Conclusión

En este artículo, exploramos dos enfoques poderosos para convertir JSON a HTML: GroupDocs.Conversion Cloud SDK que ofrece una solución sólida y flexible y, por otro lado, el uso de comandos cURL con GroupDocs.Conversion Cloud. Este enfoque proporciona un método de automatización independiente de la plataforma y fácilmente programable. En conclusión, ambos métodos ofrecen ventajas significativas, garantizando una salida HTML responsiva y de alta calidad que mejora la experiencia del usuario y la interactividad de sus aplicaciones web.

Artículos relacionados

También recomendamos visitar los siguientes enlaces para obtener más información sobre: