json to html

JSON’den HTML’ye dönüşümü çevrimiçi olarak Node.js ile gerçekleştirin.

Displaying JSON(JavaScript Object Notation) verilerini HTML formatında göstermek, gösterge panelleri, görsel raporlar oluştururken veya yapılandırılmış verileri web içeriğine gömmede önemlidir. Verileri manuel olarak biçimlendirmek yerine, şimdi güçlü GroupDocs.Conversion Cloud SDK’sını kullanarak JSON’u HTML’ye dönüştürebilirsiniz — belge dönüşümünü basitleştiren bir REST API.

Bu öğreticide, bir JSON dosyasını temiz, tarayıcıya uygun bir HTML belgesine dönüştürmek için Node.js kullanma adımlarını sizinle paylaşacağız.

📌 Hızlı Navigasyon

🚀 Neden JSON’u HTML’ye Dönüştürmeliyiz?

HTML, webde veri görüntülemenin standart formatıdır. JSONu (JavaScript Obje Notasyonu) HTML’e dönüştürerek, geliştiriciler:

  • ✅ Kullanıcı dostu düzenlerde yapılandırılmış verileri görüntüleyin.
  • ✅ Web sitelerine veya web uygulamalarına JSON gömün.
  • ✅ İç içe JSON’dan okunabilir tablolar veya bloklar oluşturun.
  • ✅ API yanıtlarını okunabilir HTML sayfalarına aktarın.

⚙️ GroupDocs Node.js SDK Kurulumu

GroupDocs.Conversion Cloud SDK for Node.js dosya formatı dönüşümünü JavaScript tabanlı uygulamalarınıza entegre etmek için hafif bir yol sunar. Başlamak için:

  1. npm ile kurun:
npm install groupdocs-conversion-cloud --save
  1. API kimlik bilgilerinizi (İstemci ID’si ve İstemci Gizli Anahtarı) GroupDocs Cloud Dashboard üzerinden alın. Daha fazla bilgi için bu tutorial da belirtilen talimatları izleyebilirsiniz.

🛠️ JSON’i Node.js içinde HTML’e dönüştür

İşte bir JSON dosyasını Node.js kullanarak GroupDocs.Conversion Cloud SDK ile HTML’ye nasıl dönüştüreceğiniz:

📌 Adım 1: SDK’yı içe aktarın ve API’yi yapılandırın

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);

📌 Adım 2: JSON dosyasını buluta yükleyin

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

📌 Adım 3: Dönüşüm seçeneklerini ayarlayın (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 converted to HTML successfully.");

// Daha fazla örnek için https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// API kimlik bilgilerinizi edinin 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// Configuration sınıfının bir örneğini oluşturun ve Client ID & Client Secret ile başlatın.
Configuration configuration = new Configuration(clientId, clientSecret);
// API temel URL'sini çevrimiçi JSON'dan HTML'ye dönüştürme işlemi için tanımlayın.
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// ConvertApi'yi Configuration nesnesi ile başlatın
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// ConvertDocument yöntemini kullanarak JSON'u HTML dosyasına dönüştürün.
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

Görüntü:- Node.js ile gerçekleştirilen JSON’dan HTML’ye dönüşüm önizlemesi.

  • Yukarıdaki örnekte kullanılan giriş JSON’u bu bağlantıdan indirilebilir.

💻 JSON’u HTML’ye cURL ile dönüştür

GroupDocs.Conversion Cloud ile cURL komutları kullanırken, JSON’dan HTML’ye dönüşüm gerçekleştirebilirsiniz. Bu yaklaşım, sadece otomasyonu ve çeşitli iş akışlarına entegrasyonu basitleştirmekle kalmaz, aynı zamanda platformdan bağımsız, kolayca betik yazılabilir ve karmaşık kodlama gerektirmeden sorunsuz, yüksek kaliteli veri dönüşümüne olanak tanır.

JWT erişim belirtecini istemci kimlik bilgilerine dayalı olarak oluşturun ve ardından aşağıdaki komutu çalıştırın:

curl -v "https://api.groupdocs.cloud/v2.0/conversion" \
-X POST \
-H "accept: application/json" \
-H "authorization: Bearer {YOUR_ACCESS_TOKEN}" \
-H "Content-Type: application/json" \
-d "{  \"StorageName\": \"internal\",  \"FilePath\": \"{inputFile}\",  \"Format\": \"html\",  \"OutputPath\": \"{myResultant}\"}"

Lütfen inputFile‘ı girdi JSON dosyasının adıyla, myResultant‘ı sonuç HTML dosyasının adıyla ve accessToken‘ı kişiselleştirilmiş bir JWT erişim belirteciyle değiştirin.

  • Sonucun HTML’sini yerel sürücüye kaydetmek gerekirse, aşağıdaki komutu çalıştırmayı düşünebilirsiniz:
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\"}"

✅ Sonuç

JSON’u HTML’ye dönüştürmek için GroupDocs.Conversion Cloud SDK’sını kullanmak, geliştiricilerin yapılandırılmış verilerden dinamik, okunabilir ve sunumlu web içeriği oluşturmalarına yardımcı olur. İster yönetici panelleri oluşturuyor, ister raporları otomatikleştiriyor, ister JSON API yanıtlarıyla çalışıyor olun, bu SDK süreci temiz HTML çıktısıyla basitleştirir.

📚 Kullanışlı Kaynaklar

🌐 Ücretsiz JSON’dan HTML’ye Çevrimiçi Uygulama

Web tarayıcısında GroupDocs.Conversion Cloud ‘ın harika yeteneklerini deneyimlemek için, ücretsiz ve hafif JSON to HTML Conversion App kullanmayı düşünebilirsiniz.

json to html converter

🔗 İlgili Makaleler

Aşağıdaki bağlantıları ziyaret etmenizi öneriyoruz: