JSON para HTML

Como converter JSON em HTML com C# .NET.

JSON(JavaScript Object Notation) é um formato leve de intercâmbio de dados que é fácil de ler e escrever tanto para humanos quanto para máquinas. No entanto, apresentar esses dados de maneira amigável e visualmente atraente em páginas da web requer conversão para HTML. Portanto, ao converter JSON em HTML, você pode integrar perfeitamente dados em tempo real em suas páginas da web, aprimorar as experiências do usuário e agilizar o processo de desenvolvimento.

API REST para conversão de JSON para HTML

GroupDocs.Conversion Cloud SDK for .NET oferece uma solução robusta e flexível para converter vários formatos de arquivo, incluindo JSON em HTML. Essa API poderosa simplifica o processo de conversão, fornecendo uma maneira perfeita de transformar dados JSON em conteúdo HTML bem estruturado. A primeira etapa é instalar o SDK pesquisando GroupDocs.Conversion-Cloud no gerenciador de pacotes NuGet e, a seguir, clicar no botão Instalar. Alternativamente, você pode considerar executar o seguinte comando no console do gerenciador de pacotes.

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

Após a instalação, precisamos obter nossas credenciais de API personalizadas (ou seja, Client ID e Client Secret).Siga as instruções especificadas neste breve tutorial que explica os detalhes sobre como obter as credenciais da API.

JSON para HTML em C#

A conversão de JSON em HTML usando C# .NET permite exibir dados estruturados dinamicamente em conteúdo HTML responsivo e bem estruturado com facilidade.

  1. Crie uma instância da classe Configuration onde passamos as credenciais do cliente como argumentos.
var configurations = new Configuration(clientId, clientSecret1);
  1. Inicialize o ConvertApi onde passamos o objeto Configuration como argumento de entrada.
var apiInstance = new ConvertApi(configurations);
  1. Carregue o arquivo JSON de entrada para o armazenamento em nuvem.
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
  1. Crie uma instância de ConvertSettings onde especificamos o nome do arquivo JSON de entrada, o formato resultante como html e o nome do arquivo HTML resultante como argumentos.
var settings = new ConvertSettings{...}
  1. Chame a API ConvertDocumentRequest para transformar o arquivo JSON no formato HTML e salvar o HTML resultante no armazenamento em nuvem.
var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));

// Mais exemplos em https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Obtenha suas credenciais de API 
string clientId = "4bdefca3-f08c-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "a43c8b4365246a062688a259abe5b469";

// Crie uma instância da classe Configuration e inicialize-a com o Client ID e o Client Secret. 
var configurations = new Configuration(clientId, clientSecret1);
// Defina o valor de ApiBaseUrl para definir o URL base da API de conversão de CSV para PDF.
configuration.ApiBaseUrl = "https://api.groupdocs.cloud";

// Inicialize uma instância da classe ConvertApi com o objeto da classe Configuration.
var apiInstance = new ConvertApi(configurations);
             
// leia o conteúdo do arquivo JSON de entrada da unidade local             
using (var stream = System.IO.File.OpenRead("input.csv"))
{
    // crie uma instância do FileApi
    var fileUpload = new FileApi(configurations);
    // carregue o json de entrada para armazenamento em nuvem
    fileUpload.UploadFile(new UploadFileRequest("input.json", stream));

    // crie ConvertSettings onde definimos o nome do arquivo JSON de entrada e o nome do arquivo HTML resultante
    var settings = new ConvertSettings
    {
        StorageName = "internal",
        FilePath = "input.json",
        Format = "html",
        OutputPath = "myResultant.html"
    };
    
    // Invoque o método ConvertDocument para transformar JSON em formato HTML
    var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
    if (response != null && response.Equals("OK"))
    {
        // imprimir mensagem de sucesso
        Console.WriteLine("The JSON to HTML conversion completed successfully !");
    }
}
JSON para HTML

Imagem: - Uma prévia da conversão de JSON para HTML.

O JSON de entrada usado no exemplo acima pode ser baixado em este link.

Converter JSON em página da Web usando comandos cURL

Usar GroupDocs.Conversion Cloud com comandos cURL para conversão de JSON em HTML simplifica a automação e integração em vários fluxos de trabalho. Essa abordagem é independente de plataforma, fácil de criar scripts e permite uma transformação de dados contínua e de alta qualidade, sem a necessidade de codificação extensa.

Primeiramente, precisamos gerar o token de acesso JWT com base nas credenciais do cliente. Assim que o token JWT for obtido, execute o seguinte comando cURL para converter o arquivo JSON para o formato HTML. Após a conversão, o HTML resultante é armazenado em armazenamento em nuvem.

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

Substitua inputFile pelo nome do arquivo JSON de entrada, myResultant pelo nome do arquivo HTML resultante e accessToken por um token de acesso JWT personalizado.

  • Se precisarmos salvar o HTML resultante na unidade local, tente usar o seguinte 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\"}"

Conversor JSON para HTML grátis

Também recomendamos o uso de nosso aplicativo de conversão JSON para HTML gratuito, leve e eficiente, desenvolvido usando APIs GroupDocs.Conversion Cloud. Ele permite que você experimente os incríveis recursos da API de conversão de documento JSON em HTML.

conversor json para html

Conclusão

Neste artigo, exploramos duas abordagens poderosas para converter JSON em HTML: GroupDocs.Conversion Cloud SDK que oferece uma solução robusta e flexível e, por outro lado, o uso de comandos cURL com GroupDocs.Conversion Cloud. Essa abordagem fornece um método de automação independente de plataforma e facilmente programável. Concluindo, ambos os métodos oferecem vantagens significativas, garantindo saída HTML responsiva e de alta qualidade que aprimora a experiência do usuário e a interatividade de seus aplicativos da web.

Artigos relacionados

Também recomendamos visitar os seguintes links para saber mais sobre: