json en html

Comment convertir JSON en HTML avec C# .NET.

JSON(JavaScript Object Notation) est un format d’échange de données léger, facile à lire et à écrire pour les humains et les machines. Cependant, la présentation de ces données d’une manière conviviale et visuellement attrayante sur des pages Web nécessite une conversion en HTML. Par conséquent, en convertissant JSON en HTML, vous pouvez intégrer de manière transparente des données en temps réel dans vos pages Web, améliorer l’expérience utilisateur et rationaliser le processus de développement.

API REST pour la conversion JSON en HTML

GroupDocs.Conversion Cloud SDK for .NET offre une solution robuste et flexible pour convertir divers formats de fichiers, y compris JSON en HTML. Cette API puissante simplifie le processus de conversion, vous offrant un moyen transparent de transformer les données JSON en contenu HTML bien structuré. La première étape consiste à installer le SDK en recherchant GroupDocs.Conversion-Cloud dans le gestionnaire de packages NuGet, puis à cliquer sur le bouton Installer. Vous pouvez également envisager d’exécuter la commande suivante dans la console du gestionnaire de packages.

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

Après l’installation, nous devons obtenir nos informations d’identification API personnalisées (c’est-à-dire l’ID client et le secret client).Veuillez suivre les instructions spécifiées dans ce court tutoriel expliquant les détails sur la façon d’obtenir les informations d’identification de l’API.

JSON vers HTML en C#

La conversion de JSON en HTML à l’aide de C# .NET vous permet d’afficher facilement des données structurées de manière dynamique dans un contenu HTML bien structuré et réactif.

  1. Créez une instance de la classe « Configuration » où nous transmettons les informations d’identification du client comme arguments.
var configurations = new Configuration(clientId, clientSecret1);
  1. Initialisez le ConvertApi où nous passons l’objet Configuration comme argument d’entrée.
var apiInstance = new ConvertApi(configurations);
  1. Téléchargez le fichier JSON d’entrée sur le stockage cloud.
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
  1. Créez une instance de « ConvertSettings » où nous spécifions le nom du fichier JSON d’entrée, le format résultant comme « html » et le nom du fichier HTML résultant comme arguments.
var settings = new ConvertSettings{...}
  1. Appelez l’API ConvertDocumentRequest pour transformer le fichier JSON au format HTML et enregistrez le code HTML obtenu dans le stockage cloud.
var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
// Plus d'exemples sur https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Obtenez vos identifiants API 
string clientId = "4bdefca3-f08c-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "a43c8b4365246a062688a259abe5b469";

// Créez une instance de la classe Configuration et initialisez-la avec l'ID client et le secret client. 
var configurations = new Configuration(clientId, clientSecret1);
// Définissez la valeur de ApiBaseUrl pour définir l'URL de base de l'API de conversion CSV en PDF.
configuration.ApiBaseUrl = "https://api.groupdocs.cloud";

// Initialisez une instance de la classe ConvertApi avec l'objet de la classe Configuration.
var apiInstance = new ConvertApi(configurations);
             
// lire le contenu du fichier JSON d'entrée à partir du lecteur local             
using (var stream = System.IO.File.OpenRead("input.csv"))
{
    // créer une instance de FileApi
    var fileUpload = new FileApi(configurations);
    // télécharger le json d'entrée sur le stockage cloud
    fileUpload.UploadFile(new UploadFileRequest("input.json", stream));

    // créer ConvertSettings où nous définissons le nom du fichier JSON d'entrée et le nom du fichier HTML résultant
    var settings = new ConvertSettings
    {
        StorageName = "internal",
        FilePath = "input.json",
        Format = "html",
        OutputPath = "myResultant.html"
    };
    
    // Invoquez la méthode ConvertDocument pour transformer JSON au format HTML
    var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
    if (response != null && response.Equals("OK"))
    {
        // imprimer le message de réussite
        Console.WriteLine("The JSON to HTML conversion completed successfully !");
    }
}
json en html

Image : - Un aperçu de la conversion JSON en HTML.

Le JSON d’entrée utilisé dans l’exemple ci-dessus peut être téléchargé à partir de ce lien.

Convertir JSON en page Web à l’aide des commandes cURL

L’utilisation de GroupDocs.Conversion Cloud avec les commandes cURL pour la conversion JSON vers HTML simplifie l’automatisation et l’intégration dans divers flux de travail. Cette approche est indépendante de la plate-forme, facile à scripter et permet une transformation transparente et de haute qualité des données sans nécessiter de codage approfondi.

Tout d’abord, nous devons générer le jeton d’accès JWT en fonction des informations d’identification du client. Une fois le jeton JWT obtenu, veuillez exécuter la commande cURL suivante pour convertir le fichier JSON au format HTML. Après la conversion, le HTML résultant est stocké dans le stockage cloud.

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

Veuillez remplacer inputFile par le nom du fichier JSON d’entrée, myResultant par le nom du fichier HTML résultant et accessToken par un jeton d’accès JWT personnalisé.

  • Si nous devons enregistrer le code HTML résultant sur le lecteur local, essayez d’utiliser la commande cURL suivante :
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\"}"

Convertisseur JSON en HTML gratuit

Nous vous recommandons également d’utiliser notre Application de conversion JSON vers HTML gratuite, légère et ultra-efficace, développée à l’aide des API GroupDocs.Conversion Cloud. Il vous permet de découvrir les capacités étonnantes de l’API de conversion de document JSON en HTML.

convertisseur json en html

Liens utiles

Conclusion

Dans cet article, nous avons exploré deux approches puissantes pour convertir JSON en HTML : le SDK GroupDocs.Conversion Cloud qui offre une solution robuste et flexible et, d’autre part, l’utilisation de commandes cURL avec GroupDocs.Conversion Cloud. Cette approche fournit une méthode d’automatisation indépendante de la plate-forme et facilement scriptable. En conclusion, les deux méthodes offrent des avantages significatifs, garantissant une sortie HTML réactive et de haute qualité qui améliore l’expérience utilisateur et l’interactivité de vos applications Web.

Articles Liés

Nous vous recommandons également de visiter les liens suivants pour en savoir plus sur :