json to html

วิธีแปลง JSON เป็น HTML โดยใช้ Node.js.

การแปลง JSON(JavaScript Object Notation) เป็น HTML เป็นสิ่งสำคัญเมื่อคุณต้องการนำเสนอข้อมูลที่มีโครงสร้างในรูปแบบที่อ่านได้และมีความน่าสนใจทางสายตาบนเว็บไซต์หรือแดชบอร์ด ด้วย GroupDocs.Conversion Cloud SDK สำหรับ Node.js คุณสามารถเปลี่ยนไฟล์ JSON ดิบให้เป็นหน้า HTML ที่สวยงามได้อย่างราบรื่นด้วยการเรียก REST API—เหมาะสำหรับการทำให้ข้อมูลมีการแสดงผลอัตโนมัติหรือการรวมเนื้อหาเข้ากับแอปเว็บ

📦 Node.js SDK สำหรับการแปลง JSON เป็น HTML

GroupDocs.Conversion Cloud SDK for Node.js รองรับการแปลง JSON เป็น HTML ด้วยความแม่นยำสูงและสถ معمาสตร์ RESTful ที่ง่ายต่อการรวมเข้าด้วยกัน。

💡 ประโยชน์หลัก:

  • Convert structured JSON data to formatted HTML.
  • Retain hierarchy and formatting.
  • คลาวด์เนทีฟ ไม่ต้องใช้ซอฟต์แวร์ในเครื่อง

📥 ติดตั้ง SDK

npm install groupdocs-conversion-cloud --save

สร้างบัญชีฟรีและรับ Client ID และ Client Secret ของคุณจาก GroupDocs Cloud dashboard.

🚀 แปลง JSON เป็น HTML ใน Node.js

นี่คือวิธีการแปลง JSON เป็น HTML โดยใช้ Node.js:

⚙️ ขั้นตอนที่ 1: นำเข้า SDK และกำหนดค่า 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);

⚙️ Step 2: อัพโหลดไฟล์ JSON ไปยัง Cloud

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

⚙️ Step 3: ตั้งค่าตัวเลือกการแปลง (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
// ขอรับข้อมูลประจำตัว API ของคุณ 
string clientId = "XXXXXX-XXXXXXXXX-4088-9ca0-55c38f4b7f22";
string clientSecret1 = "XXXXXXXXXXXXXXXXXXXX";

// สร้างตัวอย่างของคลาส Configuration และเริ่มต้นด้วย Client ID และ Client Secret
Configuration configuration = new Configuration(clientId, clientSecret);
// กำหนด URL เบสของ API เพื่อดำเนินการแปลง JSON เป็น HTML ออนไลน์
configuration.setApiBaseUrl("https://api.groupdocs.cloud");

// เริ่มต้นอินสแตนซ์ของ ConvertApi ด้วยวัตถุ Configuration
ConvertApi convertApi = new ConvertApi(configuration);

ConvertSettings settings = new ConvertSettings();
settings.setStorageName("internal");
settings.setFilePath("input.json");
settings.setFormat("HTML");
settings.setOutputPath("myResultant.html");
    
// ใช้วิธี ConvertDocument เพื่อแปลง JSON เป็นไฟล์ HTML
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

Image:- A preview of JSON to HTML conversion.

ข้อมูล JSON ที่ใช้ในตัวอย่างข้างต้นสามารถดาวน์โหลดได้จาก ที่นี่.

💻 JSON to HTML via cURL Command

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

✅ เหมาะสำหรับสคริปต์และงานแบตช์ที่ไม่ต้องการ GUI.

Once we have obtained our personalized JWT access token, please use this cURL command to convert JSON to HTML from the command line:

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

กรุณาแทนที่ inputFile ด้วยชื่อของไฟล์ JSON ข้อมูลนำเข้า, resultantPath ด้วยชื่อของไฟล์ HTML ผลลัพธ์ และ JWTTOKEN ด้วยโทเค็น 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 to HTML Conversion App ที่เบาและมีประสิทธิภาพสูง ซึ่งพัฒนาขึ้นโดยใช้ GroupDocs.Conversion Cloud APIs. แอปนี้ช่วยให้คุณได้สัมผัสกับความสามารถที่น amazing ของ API การแปลงเอกสาร JSON เป็น HTML.

json to html converter

🔗 ลิงก์ที่มีประโยชน์

✅ สรุป

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

บทความที่แนะนำ

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