
วิธีแปลง JSON เป็น HTML โดยใช้ Node.js.
การแปลง JSON(JavaScript Object Notation) เป็น HTML เป็นสิ่งสำคัญเมื่อคุณต้องการนำเสนอข้อมูลที่มีโครงสร้างในรูปแบบที่อ่านได้และมีความน่าสนใจทางสายตาบนเว็บไซต์หรือแดชบอร์ด ด้วย GroupDocs.Conversion Cloud SDK สำหรับ Node.js คุณสามารถเปลี่ยนไฟล์ JSON ดิบให้เป็นหน้า HTML ที่สวยงามได้อย่างราบรื่นด้วยการเรียก REST API—เหมาะสำหรับการทำให้ข้อมูลมีการแสดงผลอัตโนมัติหรือการรวมเนื้อหาเข้ากับแอปเว็บ
- 📦 Node.js SDK สำหรับการแปลง JSON เป็น HTML
- 🚀 เปลี่ยน JSON เป็น HTML ใน Node.js
- 💻 JSON to HTML via cURL Command
📦 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());
}
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 เป็น HTML โดยใช้ GroupDocs.Conversion Cloud SDK นอกจากนี้ REST API ยังทำให้การแปลง JSON เป็น HTML ง่าย ปลอดภัย และเหมาะสำหรับนักพัฒนา ไม่ว่าคุณจะทำงานเกี่ยวกับการแสดงผลข้อมูล แดชบอร์ดเว็บ หรือการทำงานอัตโนมัติ API นี้ให้โซลูชันที่รวดเร็วและสามารถปรับขนาดได้
บทความที่แนะนำ
เราขอแนะนำให้เยี่ยมชมลิงก์ต่อไปนี้เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ: