json to html

Como Converter JSON para HTML usando Node.js.

Converter JSON(Notação de Objetos JavaScript) para HTML é crucial quando você deseja apresentar dados estruturados em um formato legível e visualmente atraente em sites ou painéis. Com o GroupDocs.Conversion Cloud SDK para Node.js, você pode transformar arquivos JSON brutos em páginas HTML elegantes usando chamadas de API REST—ideal para automatizar a visualização de dados ou integrar conteúdos em aplicativos web.

📦 SDK Node.js para Conversão de JSON para HTML

GroupDocs.Conversion Cloud SDK for Node.js suporta conversão de JSON para HTML com alta fidelidade e uma arquitetura RESTful fácil de integrar.

💡 Principais Benefícios:

  • Converter dados JSON estruturados em HTML formatado.
  • Retain hierarchy and formatting.
  • Nativo da nuvem, sem software local necessário.

📥 Instalar SDK

npm install groupdocs-conversion-cloud --save

Crie uma conta gratuita e obtenha seu ID de Cliente e Segredo de Cliente no GroupDocs Cloud dashboard.

🚀 Converter JSON para HTML em Node.js

Aqui está como converter JSON para HTML usando Node.js:

⚙️ Passo 1: Importar SDK e 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);

⚙️ Passo 2: Faça o upload do arquivo JSON para a nuvem

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

⚙️ Etapa 3: Defina opções de conversão (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.");

// Mais exemplos em https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Obtém suas credenciais de API 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// Crie uma instância da classe Configuration e inicialize-a com o Client ID e o Client Secret.
Configuration configuration = new Configuration(clientId, clientSecret);
// Defina a URL base da API para realizar a conversão de JSON para HTML online.
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// Inicialize uma instância do ConvertApi com o objeto de Configuração.
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// Use o método ConvertDocument para converter JSON em arquivo 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

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

O JSON de entrada usado no exemplo acima pode ser baixado de aqui.

💻 JSON para HTML via comando cURL

Alternativamente, você pode considerar usar GroupDocs.Conversion Cloud com comandos cURL para conversão de JSON para HTML para uma transformação de dados sem costura, independente de plataforma e de alta qualidade, sem necessidade de codificação extensiva.

✅ Perfeito para scripts e trabalhos em lote onde nenhuma interface gráfica é necessária.

Uma vez que tenhamos obtido nosso token de acesso JWT personalizado, por favor, use este comando cURL para converter JSON em HTML a partir da linha de comando:

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, substitua inputFile pelo nome do arquivo JSON de entrada, resultantPath pelo nome do arquivo HTML resultante e JWTTOKEN por um token de acesso JWT personalizado.

  • Para armazenar o HTML resultante no disco local, por favor, 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\"}"

🌐 Experimente a Conversão de JSON para HTML Online

Experimente nosso aplicativo de conversão JSON to HTML Conversion App leve e super eficiente, desenvolvido usando as APIs GroupDocs.Conversion Cloud. Ele permite que você experimente as incríveis capacidades da API de conversão de documentos JSON para HTML.

conversor de json para html

🔗 Links Úteis

✅ Conclusão

Neste artigo, aprendemos abordagens simples, mas incríveis, para converter JSON em HTML usando o GroupDocs.Conversion Cloud SDK. A API REST torna a conversão de JSON para HTML fácil, segura e amigável para desenvolvedores. Se você está trabalhando em visualização de dados, painéis web ou automação, esta API fornece uma solução rápida e escalável.

Artigos Recomendados

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