json to html

Bagaimana Cara Mengonversi JSON ke HTML Menggunakan Node.js.

Mengonversi JSON(JavaScript Object Notation) ke HTML sangat penting ketika Anda ingin menyajikan data terstruktur dalam format yang mudah dibaca dan menarik secara visual di situs web atau dasbor. Dengan GroupDocs.Conversion Cloud SDK untuk Node.js, Anda dapat dengan mudah mengubah file JSON mentah menjadi halaman HTML yang elegan menggunakan panggilan REST API—ideal untuk mengotomatisasi visualisasi data atau mengintegrasikan konten ke dalam aplikasi web.

📦 Node.js SDK untuk Konversi JSON ke HTML

GroupDocs.Conversion Cloud SDK for Node.js mendukung konversi JSON ke HTML dengan fidelitas tinggi dan arsitektur RESTful yang mudah diintegrasikan.

💡 Manfaat Utama:

  • Convert structured JSON data to formatted HTML.
  • Retain hierarchy and formatting.
  • Cloud-native, tidak memerlukan perangkat lunak lokal.

📥 Pasang SDK

npm install groupdocs-conversion-cloud --save

Buat akun gratis dan dapatkan Client ID dan Client Secret Anda dari GroupDocs Cloud dashboard.

🚀 Convert JSON to HTML in Node.js

Inilah cara mengonversi JSON ke HTML menggunakan Node.js:

⚙️ Langkah 1: Impor SDK dan konfigurasi 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);

⚙️ Langkah 2: Unggah file JSON ke Cloud

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

⚙️ Step 3: Atur opsi konversi (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.");
// More examples over https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Dapatkan kredensial API Anda 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// Buat instansi dari kelas Configuration dan inisialisasi dengan Client ID & Client Secret
Configuration configuration = new Configuration(clientId, clientSecret);
// Define the API base URL to perform JSON to HTML conversion online
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// Inisialisasi sebuah instance dari ConvertApi dengan objek Konfigurasi
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// Gunakan metode ConvertDocument untuk mengonversi JSON ke file HTML.
ConvertDocumentRequest request = new ConvertDocumentRequest(settings);
List<StoredConvertedResult> response = convertApi.convertDocument(request);
    
// Periksa respons dan cetak pesan sukses
if (response != null && response.equals("OK")) {
    System.out.println("Conversion successful! Resultant HTML file is saved at: " + response.getFilePath());
}
json to html

Image:- Prabangan konversi JSON ke HTML.

JSON input yang digunakan dalam contoh di atas dapat diunduh dari sini.

💻 JSON ke HTML melalui Perintah cURL

Sebagai alternatif, Anda dapat mempertimbangkan untuk menggunakan GroupDocs.Conversion Cloud dengan perintah cURL untuk konversi JSON ke HTML untuk transformasi data yang mulus, independen platform, dan berkualitas tinggi, tanpa memerlukan pengkodean yang ekstensif.

✅ Sempurna untuk skrip dan pekerjaan batch di mana tidak diperlukan GUI.

Setelah kita mendapatkan token akses JWT yang dipersonalisasi, silakan gunakan perintah cURL ini untuk mengonversi JSON ke HTML dari baris perintah:

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

Silakan ganti inputFile dengan nama file JSON masukan, resultantPath dengan nama file HTML hasil dan JWTTOKEN dengan token akses JWT yang dipersonalisasi.

  • Untuk menyimpan HTML hasil pada drive lokal, silakan coba menggunakan perintah cURL berikut:
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\"}"

🌐 Coba Konversi JSON ke HTML Secara Online

Coba aplikasi JSON to HTML Conversion App kami yang ringan dan sangat efisien, dikembangkan menggunakan API GroupDocs.Conversion Cloud. Ini memungkinkan Anda merasakan kemampuan luar biasa dari API konversi dokumen JSON ke HTML.

json to html converter

🔗 Tautan Berguna

✅ Kesimpulan

Dalam artikel ini, kami telah mempelajari pendekatan sederhana namun menakjubkan untuk mengonversi JSON ke HTML menggunakan GroupDocs.Conversion Cloud SDK. REST API membuat JSON ke HTML menjadi mudah, aman, dan ramah pengembang. Apakah Anda sedang bekerja pada visualisasi data, dasbor web, atau otomatisasi, API ini memberikan solusi yang cepat dan dapat diskalakan.

Artikel yang Disarankan

Kami juga merekomendasikan untuk mengunjungi tautan berikut untuk mempelajari lebih lanjut tentang: