json in html

Come convertire JSON in HTML con C# .NET.

JSON(JavaScript Object Notation) è un formato leggero di interscambio di dati facile da leggere e scrivere sia per gli esseri umani che per le macchine. Tuttavia, la presentazione di questi dati in modo intuitivo e visivamente accattivante sulle pagine Web richiede la conversione in HTML. Pertanto, convertendo JSON in HTML, puoi integrare perfettamente dati in tempo reale nelle tue pagine web, migliorare l’esperienza utente e semplificare il processo di sviluppo.

API REST per la conversione da JSON a HTML

GroupDocs.Conversion Cloud SDK per .NET offre una soluzione solida e flessibile per convertire vari formati di file, incluso JSON in HTML. Questa potente API semplifica il processo di conversione, fornendoti un modo semplice per trasformare i dati JSON in contenuti HTML ben strutturati. Il primo passaggio consiste nell’installare l’SDK cercando GroupDocs.Conversion-Cloud nel gestore pacchetti NuGet, quindi fare clic sul pulsante Installa. In alternativa, potresti prendere in considerazione l’esecuzione del seguente comando nella console del gestore pacchetti.

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

Dopo l’installazione, dobbiamo ottenere le nostre credenziali API personalizzate (ad esempio ID client e segreto client).Segui le istruzioni specificate in questo breve tutorial che spiega i dettagli su come ottenere le credenziali API.

Da JSON a HTML in C#

La conversione di JSON in HTML utilizzando C# .NET consente di visualizzare dinamicamente dati strutturati in contenuti HTML ben strutturati e reattivi con facilità.

  1. Crea un’istanza della classe “Configuration” in cui passiamo le credenziali del client come argomenti.
var configurations = new Configuration(clientId, clientSecret1);
  1. Inizializza ConvertApi dove passiamo l’oggetto Configuration come argomento di input.
var apiInstance = new ConvertApi(configurations);
  1. Carica il file JSON di input nell’archivio cloud.
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
  1. Crea un’istanza di “ConvertSettings” in cui specifichiamo il nome del file JSON di input, il formato risultante come “html” e il nome del file HTML risultante come argomenti.
var settings = new ConvertSettings{...}
  1. Chiama l’API ConvertDocumentRequest per trasformare il file JSON in formato HTML e salvare l’HTML risultante nell’archivio cloud.
var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));

// Altri esempi su https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Ottieni le tue credenziali API 
string clientId = "4bdefca3-f08c-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "a43c8b4365246a062688a259abe5b469";

// Crea un'istanza della classe Configuration e inizializzala con l'ID client e il segreto client. 
var configurations = new Configuration(clientId, clientSecret1);
// Definire il valore di ApiBaseUrl per impostare l'URL di base dell'API di conversione da CSV a PDF.
configuration.ApiBaseUrl = "https://api.groupdocs.cloud";

// Inizializza un'istanza della classe ConvertApi con l'oggetto della classe Configuration.
var apiInstance = new ConvertApi(configurations);
             
// leggere il contenuto del file JSON di input dall'unità locale             
using (var stream = System.IO.File.OpenRead("input.csv"))
{
    // creare un'istanza di FileApi
    var fileUpload = new FileApi(configurations);
    // caricare il json di input nell'archivio cloud
    fileUpload.UploadFile(new UploadFileRequest("input.json", stream));

    // creare ConvertSettings in cui definiamo il nome del file JSON di input e il nome del file HTML risultante
    var settings = new ConvertSettings
    {
        StorageName = "internal",
        FilePath = "input.json",
        Format = "html",
        OutputPath = "myResultant.html"
    };
    
    // Richiamare il metodo ConvertDocument per trasformare JSON in formato HTML
    var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
    if (response != null && response.Equals("OK"))
    {
        // stampare il messaggio di successo
        Console.WriteLine("The JSON to HTML conversion completed successfully !");
    }
}
json in html

Immagine: - Un’anteprima della conversione da JSON a HTML.

L’input JSON utilizzato nell’esempio precedente può essere scaricato da questo collegamento.

Converti JSON in una pagina Web utilizzando i comandi cURL

L’utilizzo di GroupDocs.Conversion Cloud con i comandi cURL per la conversione da JSON a HTML semplifica l’automazione e l’integrazione in vari flussi di lavoro. Questo approccio è indipendente dalla piattaforma, facile da creare script e consente una trasformazione dei dati fluida e di alta qualità senza richiedere una codifica estesa.

Innanzitutto, dobbiamo generare il token di accesso JWT in base alle credenziali del client. Una volta ottenuto il token JWT, esegui il seguente comando cURL per convertire il file JSON in formato HTML. Dopo la conversione, l’HTML risultante viene archiviato nel cloud storage.

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

Sostituisci “inputFile” con il nome del file JSON di input, “myResultant” con il nome del file HTML risultante e “accessToken” con un token di accesso JWT personalizzato.

  • Se dobbiamo salvare l’HTML risultante sull’unità locale, prova a utilizzare il seguente 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\"}"

Convertitore gratuito da JSON a HTML

Ti consigliamo inoltre di utilizzare la nostra app di conversione da JSON a HTML gratuita, leggera ed efficiente, sviluppata utilizzando le API GroupDocs.Conversion Cloud. Ti consente di sperimentare le straordinarie funzionalità dell’API di conversione da documenti JSON a HTML.

convertitore da json a html

Conclusione

In questo articolo, abbiamo esplorato due potenti approcci per convertire JSON in HTML: GroupDocs.Conversion Cloud SDK che offre una soluzione solida e flessibile e, dall’altro, l’utilizzo dei comandi cURL con GroupDocs.Conversion Cloud. Questo approccio fornisce un metodo indipendente dalla piattaforma e facilmente gestibile tramite script per l’automazione. In conclusione, entrambi i metodi offrono vantaggi significativi, garantendo un output HTML reattivo e di alta qualità che migliora l’esperienza dell’utente e l’interattività delle tue applicazioni web.

articoli Correlati

Ti consigliamo inoltre di visitare i seguenti link per saperne di più su: