json เป็น html

วิธีแปลง JSON เป็น HTML ด้วย C# .NET

JSON(JavaScript Object Notation) เป็นรูปแบบการแลกเปลี่ยนข้อมูลที่มีน้ำหนักเบาซึ่งทั้งมนุษย์และเครื่องสามารถอ่านและเขียนได้ง่าย อย่างไรก็ตาม การนำเสนอข้อมูลนี้ในลักษณะที่เป็นมิตรต่อผู้ใช้และดึงดูดสายตา 0 บนหน้าเว็บจำเป็นต้องแปลงเป็น HTML ดังนั้น ด้วยการแปลง JSON เป็น HTML คุณสามารถรวมข้อมูลแบบเรียลไทม์เข้ากับหน้าเว็บของคุณได้อย่างราบรื่น ปรับปรุงประสบการณ์ผู้ใช้ และปรับปรุงกระบวนการพัฒนา

REST API สำหรับการแปลง JSON เป็น HTML

GroupDocs.Conversion Cloud SDK for .NET มอบโซลูชันที่มีประสิทธิภาพและยืดหยุ่นสำหรับการแปลงไฟล์รูปแบบต่างๆ รวมถึง JSON เป็น HTML API อันทรงพลังนี้ทำให้กระบวนการแปลงง่ายขึ้น ช่วยให้คุณแปลงข้อมูล JSON ให้เป็นเนื้อหา HTML ที่มีโครงสร้างอย่างดีได้อย่างราบรื่น ขั้นตอนแรกคือการติดตั้ง SDK โดยค้นหา GroupDocs.Conversion-Cloud ในตัวจัดการแพ็คเกจ NuGet จากนั้นคลิกปุ่มติดตั้ง หรือคุณอาจพิจารณาดำเนินการคำสั่งต่อไปนี้ในคอนโซลตัวจัดการแพ็คเกจ

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

หลังจากการติดตั้ง เราจำเป็นต้องได้รับข้อมูลประจำตัว API ส่วนบุคคลของเรา (เช่น รหัสลูกค้าและความลับของลูกค้า) โปรดปฏิบัติตามคำแนะนำที่ระบุไว้ใน [บทช่วยสอน] สั้นๆ นี้ 8 ซึ่งอธิบายรายละเอียดเกี่ยวกับวิธีรับข้อมูลรับรอง API

JSON เป็น HTML ใน C#

การแปลง JSON เป็น HTML โดยใช้ C# .NET ช่วยให้คุณสามารถแสดงข้อมูลที่มีโครงสร้างแบบไดนามิกเป็นเนื้อหา HTML ที่มีโครงสร้างดีและตอบสนองได้อย่างง่ายดาย

  1. สร้างอินสแตนซ์ของคลาส “การกำหนดค่า” ที่เราส่งข้อมูลรับรองไคลเอ็นต์เป็นอาร์กิวเมนต์
var configurations = new Configuration(clientId, clientSecret1);
  1. เริ่มต้น ConvertApi โดยที่เราส่งวัตถุการกำหนดค่าเป็นอาร์กิวเมนต์อินพุต
var apiInstance = new ConvertApi(configurations);
  1. อัปโหลดไฟล์ JSON อินพุตไปยังที่เก็บข้อมูลบนคลาวด์
fileUpload.UploadFile(new UploadFileRequest("input.json", stream));
  1. สร้างอินสแตนซ์ของ ConvertSettings โดยที่เราระบุชื่อของไฟล์ JSON อินพุต รูปแบบผลลัพธ์เป็น html และชื่อของไฟล์ HTML ที่เป็นผลลัพธ์เป็นอาร์กิวเมนต์
var settings = new ConvertSettings{...}
  1. เรียก API ConvertDocumentRequest เพื่อแปลงไฟล์ JSON เป็นรูปแบบ HTML และบันทึก HTML ที่เป็นผลลัพธ์ไปยังที่เก็บข้อมูลบนคลาวด์
var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
// ตัวอย่างเพิ่มเติมเกี่ยวกับhttps://github.com/groupdocs-conversion-cloud/groupdocs-conversion-cloud-dotnet
// รับข้อมูลประจำตัว API ของคุณ 
string clientId = "4bdefca3-f08c-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "a43c8b4365246a062688a259abe5b469";

// สร้างอินสแตนซ์ของคลาสการกำหนดค่าและเริ่มต้นด้วยรหัสไคลเอ็นต์และความลับไคลเอ็นต์ 
var configurations = new Configuration(clientId, clientSecret1);
// กำหนดค่าของ ApiBaseUrl เพื่อตั้งค่า URL พื้นฐานของ API การแปลง CSV เป็น PDF
configuration.ApiBaseUrl = "https://api.groupdocs.cloud";

// เริ่มต้นอินสแตนซ์ของคลาส ConvertApi ด้วยอ็อบเจ็กต์ของคลาสการกำหนดค่า
var apiInstance = new ConvertApi(configurations);
             
// อ่านเนื้อหาของไฟล์ JSON อินพุตจากไดรฟ์ในเครื่อง             
using (var stream = System.IO.File.OpenRead("input.csv"))
{
    // สร้างอินสแตนซ์ของ FileApi
    var fileUpload = new FileApi(configurations);
    // อัปโหลดอินพุต json ไปยังที่เก็บข้อมูลบนคลาวด์
    fileUpload.UploadFile(new UploadFileRequest("input.json", stream));

    // สร้าง ConvertSettings โดยที่เรากำหนดชื่อไฟล์ JSON อินพุตและชื่อของไฟล์ HTML ที่เป็นผลลัพธ์
    var settings = new ConvertSettings
    {
        StorageName = "internal",
        FilePath = "input.json",
        Format = "html",
        OutputPath = "myResultant.html"
    };
    
    // เรียกใช้เมธอด ConvertDocument เพื่อแปลง JSON เป็นรูปแบบ HTML
    var response = apiInstance.ConvertDocument(new ConvertDocumentRequest(settings));
    if (response != null && response.Equals("OK"))
    {
        // พิมพ์ข้อความสำเร็จ
        Console.WriteLine("The JSON to HTML conversion completed successfully !");
    }
}
json เป็น html

รูปภาพ: - ตัวอย่างการแปลง JSON เป็น HTML

สามารถดาวน์โหลดอินพุต JSON ที่ใช้ในตัวอย่างด้านบนได้จาก ลิงก์นี้

แปลง JSON เป็นเว็บเพจโดยใช้คำสั่ง cURL

การใช้ GroupDocs.Conversion Cloud กับคำสั่ง cURL สำหรับการแปลง JSON เป็น HTML ช่วยลดความยุ่งยากในการทำงานอัตโนมัติและการผสานรวมเข้ากับเวิร์กโฟลว์ต่างๆ แนวทางนี้ไม่ขึ้นอยู่กับแพลตฟอร์ม เขียนสคริปต์ได้ง่าย และช่วยให้สามารถแปลงข้อมูลคุณภาพสูงได้อย่างราบรื่นโดยไม่ต้องเขียนโค้ดจำนวนมาก

ประการแรก เราต้องสร้างโทเค็นการเข้าถึง JWT ตามข้อมูลประจำตัวไคลเอ็นต์ เมื่อได้รับโทเค็น JWT แล้ว โปรดดำเนินการคำสั่ง cURL ต่อไปนี้เพื่อแปลงไฟล์ JSON เป็นรูปแบบ HTML หลังจากการแปลง HTML ที่เป็นผลลัพธ์จะถูกจัดเก็บไว้ในที่เก็บข้อมูลบนคลาวด์

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

โปรดแทนที่ inputFile ด้วยชื่อของไฟล์ JSON อินพุต myResultant ด้วยชื่อของไฟล์ HTML ที่เป็นผลลัพธ์ และ accessToken ด้วยโทเค็นการเข้าถึง JWT ส่วนบุคคล

  • หากเราต้องการบันทึก HTML ที่เป็นผลลัพธ์ลงในไดรฟ์ในเครื่อง โปรดลองใช้คำสั่ง 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\"}"

ฟรีตัวแปลง JSON เป็น HTML

นอกจากนี้เรายังแนะนำให้ใช้ แอปการแปลง JSON เป็น HTML ที่ฟรี น้ำหนักเบา และประหยัดพลังงานซึ่งพัฒนาโดยใช้ API ของ GroupDocs.Conversion Cloud ช่วยให้คุณได้สัมผัสกับความสามารถอันน่าทึ่งของเอกสาร JSON ไปเป็น API การแปลง HTML

โปรแกรมแปลง json เป็น html

ลิงค์ที่เป็นประโยชน์

บทสรุป

ในบทความนี้ เราได้สำรวจวิธีการที่มีประสิทธิภาพสองวิธีในการแปลง JSON เป็น HTML: GroupDocs.Conversion Cloud SDK ที่นำเสนอโซลูชันที่มีประสิทธิภาพและยืดหยุ่น ในทางกลับกัน การใช้คำสั่ง cURL กับ GroupDocs.Conversion Cloud แนวทางนี้มอบแพลตฟอร์มที่เป็นอิสระและสามารถเขียนสคริปต์ได้อย่างง่ายดายสำหรับระบบอัตโนมัติ โดยสรุป ทั้งสองวิธีมีข้อได้เปรียบที่สำคัญ ทำให้มั่นใจได้ว่าเอาต์พุต HTML คุณภาพสูงและตอบสนองได้ดี ซึ่งจะช่วยปรับปรุงประสบการณ์ผู้ใช้และการโต้ตอบของเว็บแอปพลิเคชันของคุณ

บทความที่เกี่ยวข้อง

เราขอแนะนำให้ไปที่ลิงก์ต่อไปนี้เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ: