Render JSON Data to HTML Table Format using Node.js API

json to html — วิธีแปลงไฟล์ JSON เป็นรูปแบบ HTML ออนไลน์

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

Node.js API สำหรับการแปลง JSON เป็น HTML
แปลง JSON เป็น HTML โดยใช้ Node.js
บันทึก JSON ลงใน HTML โดยใช้ cURL

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

The Aspose.Cells Cloud SDK for Node.js ช่วยให้การแปลง JSON เป็น HTML เป็นไปอย่างราบรื่น มันใช้ความสามารถในการขยายตัวของคลาวด์ในการสร้างไฟล์ HTML ที่เบาและสะอาดโดยตรงจากข้อมูล JSON ของคุณ—ไม่จำเป็นต้องใช้ Excel หรือไลบรารีของบุคคลที่สาม

ฟีเจอร์หลัก

แปลงไฟล์ JSON เป็นเอกสาร HTML ที่จัดรูปแบบอย่างดี。

รองรับการเรนเดอร์ตารางพร้อมหัว, เซลล์, และสไตล์ที่ฝังอยู่

โฮสต์บนคลาวด์—ไม่มีซอฟต์แวร์ท้องถิ่นที่ต้องการ.

RESTful และปลอดภัยด้วย OAuth 2.0.

เริ่มต้นใช้งาน

ติดตั้ง SDK ผ่าน npm:

npm install asposecellscloud --save

ขอรับข้อมูลประจำตัวของลูกค้า: สร้างบัญชีที่ Aspose.Cloud Dashboard และขอรับ Client ID และ Client Secret ของคุณ สำหรับรายละเอียดเพิ่มเติม คุณอาจพิจารณาเยี่ยมชมบทความ quick start

แปลง JSON เป็น HTML ด้วย Node.js

ดำเนินการตามขั้นตอนเหล่านี้เพื่อทำการแปลงโดยใช้ Node.js:

Step 1: Initialize the API:

const { CellsApi, PostWorkbookSaveAsRequest } = require("asposecellscloud");
const cellsApi = new CellsApi("YOUR_CLIENT_ID", "YOUR_CLIENT_SECRET");

ขั้นตอนที่ 2: อัปโหลดไฟล์ JSON:

const fs = require("fs");
const path = require("path");

const jsonFilePath = path.resolve("data.json");
await cellsApi.uploadFile("data.json", fs.createReadStream(jsonFilePath));

Step 3: ส่งคำขอแปลง:

const saveOptions = {
  SaveFormat: "HTML"
};

const request = new PostWorkbookSaveAsRequest({
  name: "data.json",
  newfilename: "converted/output.html",
  saveOptions: saveOptions,
  isAutoFitRows: true,
  isAutoFitColumns: true
});

await cellsApi.postWorkbookSaveAs(request);
console.log("JSON successfully converted to HTML.");

// สำหรับตัวอย่างเพิ่มเติม โปรดเยี่ยมชม https://github.com/aspose-cells-cloud/aspose-cells-cloud-android/tree/master/Examples
const { CellsApi, PostWorkbookSaveAsRequest } = require("asposecellscloud");
const cellsApi = new CellsApi("YOUR_CLIENT_ID", "YOUR_CLIENT_SECRET");

const fs = require("fs");
const path = require("path");

const jsonFilePath = path.resolve("data.json");
// อัปโหลดไฟล์ JSON ที่ป้อนเข้าไปยังพื้นที่จัดเก็บคลาวด์
await cellsApi.uploadFile("data.json", fs.createReadStream(jsonFilePath));

const saveOptions = {
  SaveFormat: "HTML"
};

const request = new PostWorkbookSaveAsRequest({
  name: "data.json",
  newfilename: "converted/output.html",
  saveOptions: saveOptions,
  isAutoFitRows: true,
  isAutoFitColumns: true
});

// เริ่มดำเนินการแปลง JSON ไปเป็น HTML
await cellsApi.postWorkbookSaveAs(request);
console.log("JSON successfully converted to HTML.");

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

บันทึก JSON ไปยัง HTML โดยใช้ cURL

หากคุณชอบเครื่องมือแบบ command-line หรือการทำงานอัตโนมัติด้วยสคริปต์ ให้ใช้วิธี cURL ต่อไปนี้

ขั้นตอนที่ 1 – สร้างโทเค็นการเข้าถึง:

curl -v "https://api.aspose.cloud/connect/token" \
-X POST \
-d "grant_type=client_credentials&client_id=YOUR_CLIENT_ID&client_secret=YOUR_CLIENT_SECRET" \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Accept: application/json"

ขั้นตอนที่ 2 – ส่งคำร้องขอการแปลง JSON เป็น HTML:

curl -X 'POST' \
  'https://api.aspose.cloud/v3.0/cells/{sourceJSON}/SaveAs?newfilename={resultantHTML}&isAutoFitRows=false&isAutoFitColumns=false&checkExcelRestriction=false' \
  -H "accept: application/json" \
  -H "authorization: Bearer <ACCESS_TOKEN>" \
  -H "Content-Type: application/json" \
  -d "{
    \"SaveFormat\": \"html\",
    \"ClearData\": true,
    \"CreateDirectory\": true,
    \"EnableHTTPCompression\": true,
    \"RefreshChartCache\": true,
    \"SortNames\": true,
    \"ValidateMergedAreas\": true,
    \"MergeAreas\": true,
    \"SortExternalNames\": true,
    \"CheckExcelRestriction\": true,
    \"UpdateSmartArt\": true,
    \"EncryptDocumentProperties\": true
}"

แทนที่ sourceJSON ด้วยชื่อไฟล์ JSON ที่เป็นการนำเข้า, resultantHTML ด้วยชื่อไฟล์ HTML ที่เป็นผลลัพธ์ และ ACCESSTOKEN ด้วย JWT access token ที่สร้างขึ้นข้างต้น。

ลองใช้เครื่องแปลง JSON เป็น HTML ออนไลน์ฟรี

Want to try before coding? Use our Online JSON to HTML Converter to quickly visualize structured data as a web page.

📚 แหล่งข้อมูลเพิ่มเติม

Node.js API Documentation

คู่มืออ้างอิง API

GitHub Source Code

ฟอรัมสนับสนุน

Live API Demos

บทสรุป

ด้วย Aspose.Cells Cloud SDK สำหรับ Node.js การแปลงไฟล์ JSON เป็น HTML ที่สะอาดและมีโครงสร้างกลายเป็นเรื่องง่ายดาย ไม่ว่าคุณจะกำลังเรนเดอร์การตอบสนองของ API, สร้างการแสดงข้อมูล, หรือแสดงรายงานการวิเคราะห์ โซลูชันที่อิงจากคลาวด์นี้มอบความน่าเชื่อถือและความสะดวกสบายที่ไม่มีใครเทียบได้

เริ่มวันนี้เพื่อปรับปรุงการทำงาน JSON เป็น HTML ของคุณโดยใช้พลังของ Node.js และ RESTful APIs.

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

เราขอแนะนำให้เยี่ยมชมบล็อกต่อไปนี้:

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

ฟีเจอร์หลัก#

เริ่มต้นใช้งาน#

แปลง JSON เป็น HTML ด้วย Node.js#

บันทึก JSON ไปยัง HTML โดยใช้ cURL#

ลองใช้เครื่องแปลง JSON เป็น HTML ออนไลน์ฟรี#

📚 แหล่งข้อมูลเพิ่มเติม#

บทสรุป#

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