![json ke html](images/convert-json-to-html.png#center)
Cara Mengonversi JSON ke HTML dengan C# .NET.
JSON(JavaScript Object Notation) adalah format pertukaran data ringan yang mudah dibaca dan ditulis oleh manusia dan mesin. Namun, menyajikan data ini dengan cara yang mudah digunakan dan menarik secara visual di halaman web memerlukan konversi ke HTML. Oleh karena itu, dengan mengonversi JSON ke HTML, Anda dapat dengan mudah mengintegrasikan data real-time ke halaman web Anda, meningkatkan pengalaman pengguna, dan menyederhanakan proses pengembangan.
- REST API untuk Konversi JSON ke HTML
- JSON ke HTML di C#
- Konversi JSON ke Halaman Web menggunakan Perintah cURL
REST API untuk Konversi JSON ke HTML
GroupDocs.Conversion Cloud SDK for .NET menawarkan solusi yang kuat dan fleksibel untuk mengonversi berbagai format file, termasuk JSON ke HTML. API canggih ini menyederhanakan proses konversi, memberi Anda cara mudah untuk mengubah data JSON menjadi konten HTML yang terstruktur dengan baik. Langkah pertama adalah menginstal SDK dengan mencari GroupDocs.Conversion-Cloud di manajer paket NuGet lalu klik tombol Instal. Alternatifnya, Anda dapat mempertimbangkan untuk menjalankan perintah berikut di konsol manajer paket.
NuGet\Install-Package GroupDocs.Conversion-Cloud -Version 24.4.0
Setelah instalasi, kita perlu mendapatkan kredensial API yang dipersonalisasi (yaitu ID Klien dan Rahasia Klien).Silakan ikuti instruksi yang ditentukan dalam tutorial singkat ini yang menjelaskan detail tentang cara mendapatkan kredensial API.
JSON ke HTML di C#
Konversi JSON ke HTML menggunakan C# .NET memungkinkan Anda menampilkan data terstruktur secara dinamis menjadi konten HTML yang terstruktur dengan baik dan responsif dengan mudah.
- Buat instance kelas
Konfigurasi
tempat kami meneruskan kredensial klien sebagai argumen.
var configurations = new Configuration(clientId, clientSecret1);
- Inisialisasi
ConvertApi
tempat kita meneruskan objek Konfigurasi sebagai argumen masukan.
var apiInstance = new ConvertApi(configurations);
- Unggah file JSON masukan ke penyimpanan cloud.
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
- Buat instance
ConvertSettings
di mana kita menentukan nama file input JSON, format yang dihasilkan sebagaihtml
dan nama file HTML yang dihasilkan sebagai argumen.
var settings = new ConvertSettings{...}
- Panggil API ConvertDocumentRequest untuk mengubah file JSON ke format HTML dan menyimpan HTML yang dihasilkan ke penyimpanan cloud.
var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
// Contoh lainnya melalui https://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// Dapatkan kredensial API Anda
string clientId = "4bdefca3-f08c-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "a43c8b4365246a062688a259abe5b469";
// Buat instance kelas Konfigurasi dan inisialisasi dengan ID Klien & Rahasia Klien.
var configurations = new Configuration(clientId, clientSecret1);
// Tentukan nilai ApiBaseUrl untuk menyetel url dasar CSV ke API konversi PDF.
configuration.ApiBaseUrl = "https://api.groupdocs.cloud";
// Inisialisasi instance kelas ConvertApi dengan objek kelas Konfigurasi.
var apiInstance = new ConvertApi(configurations);
// membaca konten file JSON masukan dari drive lokal
using (var stream = System.IO.File.OpenRead("input.csv"))
{
// buat instance FileApi
var fileUpload = new FileApi(configurations);
// unggah input json ke penyimpanan cloud
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
// buat ConvertSettings di mana kita menentukan input nama file JSON dan nama file HTML yang dihasilkan
var settings = new ConvertSettings
{
StorageName = "internal",
FilePath = "input.json",
Format = "html",
OutputPath = "myResultant.html"
};
// Panggil metode ConvertDocument untuk mengubah format JSON ke HTML
var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
if (response != null && response.Equals("OK"))
{
// cetak pesan sukses
Console.WriteLine("The JSON to HTML conversion completed successfully !");
}
}
Gambar:- Pratinjau konversi JSON ke HTML.
Input JSON yang digunakan pada contoh di atas dapat diunduh dari tautan ini.
Konversi JSON ke Halaman Web menggunakan Perintah cURL
Menggunakan GroupDocs.Conversion Cloud dengan perintah cURL untuk konversi JSON ke HTML menyederhanakan otomatisasi dan integrasi ke dalam berbagai alur kerja. Pendekatan ini tidak bergantung pada platform, mudah dibuat skripnya, dan memungkinkan transformasi data yang lancar dan berkualitas tinggi tanpa memerlukan pengkodean yang ekstensif.
Pertama, kita perlu membuat token akses JWT berdasarkan kredensial klien. Setelah token JWT diperoleh, silakan jalankan perintah cURL berikut untuk mengubah file JSON ke format HTML. Setelah konversi, HTML yang dihasilkan disimpan di penyimpanan 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}\"}"
Harap ganti inputFile
dengan nama file input JSON, myResultant
dengan nama file HTML yang dihasilkan, dan accessToken
dengan token akses JWT yang dipersonalisasi.
- Jika kita perlu menyimpan HTML yang dihasilkan ke drive lokal, silakan coba gunakan 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\"}"
Konverter JSON ke HTML gratis
Kami juga merekomendasikan penggunaan [Aplikasi Konversi JSON ke HTML] kami yang gratis, ringan, dan sangat efisien, yang dikembangkan menggunakan API GroupDocs.Conversion Cloud. Ini memungkinkan Anda merasakan kemampuan luar biasa dari dokumen JSON ke API konversi HTML.
Tautan Berguna
Kesimpulan
Dalam artikel ini, kami menjelajahi dua pendekatan ampuh untuk mengonversi JSON ke HTML: GroupDocs.Conversion Cloud SDK yang menawarkan solusi yang kuat dan fleksibel dan di sisi lain, penggunaan perintah cURL dengan GroupDocs.Conversion Cloud. Pendekatan ini menyediakan metode otomatisasi yang independen terhadap platform dan mudah dibuat skripnya. Kesimpulannya, kedua metode ini menawarkan keuntungan yang signifikan, memastikan keluaran HTML responsif dan berkualitas tinggi yang meningkatkan pengalaman pengguna dan interaktivitas aplikasi web Anda.
Artikel Terkait
Kami juga merekomendasikan mengunjungi tautan berikut untuk mempelajari lebih lanjut tentang: