การแปลงหน้าเว็บเป็นภาพความละเอียดสูงเป็นความต้องการทั่วไปสำหรับการรายงาน การสร้างภาพย่อ และการแสดงผลอีเมล. Aspose.CAD Cloud SDK for Node.js ให้โซลูชันที่แข็งแกร่งซึ่งทำให้การแปลง HTML ไปเป็น JPG โดยตรงบนเซิร์ฟเวอร์ของคุณง่ายขึ้น. คู่มือนี้จะพาคุณผ่านการติดตั้ง SDK, การกำหนดค่าใบรับรอง, การเขียนโค้ดการแปลง, และการใช้ REST API กับ cURL เพื่อให้คุณสามารถฝังการแปลง HTML‑to‑JPG ลงในแอปพลิเคชัน Node.JS ใดก็ได้.

ขั้นตอนการแปลง HTML เป็น JPG ใน Node.JS

  1. กำหนดค่าข้อมูลประจำตัว Aspose.CAD Cloud: สร้างอ็อบเจกต์การกำหนดค่าและตั้งค่า client ID และ secret ของคุณ.
const config = new CadApi.Configuration();
config.clientId = 'YOUR_CLIENT_ID';
config.clientSecret = 'YOUR_CLIENT_SECRET';
  1. สร้างอินสแตนซ์ของ CAD API: ใช้การกำหนดค่าเพื่อสร้างอ็อบเจ็กต์ API client.
const cadApi = new CadApi.CadApi(config);
  1. กำหนดเส้นทาง HTML อินพุตและ JPG เอาต์พุต: แก้ไขเส้นทางแบบเต็มสำหรับไฟล์ HTML ต้นฉบับและไฟล์ JPG ปลายทาง.
const inputPath = path.resolve(__dirname, 'sample.html');
const outputPath = path.resolve(__dirname, 'sample.jpg');
  1. เตรียมคำขอการแปลง: แนบสตรีมที่อ่านได้ของไฟล์ HTML และระบุรูปแบบผลลัพธ์เป็น jpg.
const request = new CadApi.ConvertRequest();
request.inputFile = fs.createReadStream(inputPath);
request.format = 'jpg';
  1. ดำเนินการแปลงและบันทึก JPG: เรียก convert รับ Buffer แล้วเขียนลงดิสก์ ขั้นตอนนี้เสร็จสิ้นกระบวนการแปลง HTML เป็น JPG ใน Node.JS.
try {
    const resultBuffer = await cadApi.convert(request);
    fs.writeFileSync(outputPath, resultBuffer);
    console.log('Conversion completed. JPG saved to:', outputPath);
} catch (err) {
    console.error('Error during conversion:', err);
}

สำหรับข้อมูลคลาสโดยละเอียด โปรดดูที่ อ้างอิง API

ตัวอย่างการทำงานเต็มสำหรับการแปลง HTML เป็น JPG

ตัวอย่างต่อไปนี้แสดงกระบวนการทำงานเต็มรูปแบบตั้งแต่เริ่มต้นจนจบ

const fs = require('fs');
const path = require('path');
const CadApi = require('asposecadcloud');

async function convertHtmlToJpg() {
    // Configure Aspose.CAD Cloud credentials
    const config = new CadApi.Configuration();
    config.clientId = 'YOUR_CLIENT_ID';
    config.clientSecret = 'YOUR_CLIENT_SECRET';

// Create API instance
    const cadApi = new CadApi.CadApi(config);

// Define input HTML and output JPG paths
    const inputPath = path.resolve(__dirname, 'sample.html');
    const outputPath = path.resolve(__dirname, 'sample.jpg');

// Prepare request with a readable stream and target format
    const request = new CadApi.ConvertRequest();
    request.inputFile = fs.createReadStream(inputPath);
    request.format = 'jpg';

try {
        // Perform conversion; result is a Buffer containing JPG data
        const resultBuffer = await cadApi.convert(request);
        // Write the JPG buffer to the output file
        fs.writeFileSync(outputPath, resultBuffer);
        console.log('Conversion completed. JPG saved to:', outputPath);
    } catch (err) {
        console.error('Error during conversion:', err);
    }
}

// Execute the conversion
convertHtmlToJpg();

หมายเหตุ: ตัวอย่างโค้ดนี้แสดงการทำงานหลัก ก่อนนำไปใช้ในโครงการของคุณ ให้ตรวจสอบและอัปเดตเส้นทางไฟล์และค่าการกำหนดค่าต่าง ๆ ให้ตรงกับสภาพแวดล้อมจริงของคุณ ตรวจสอบว่าขึ้นตอนการพึ่งพาที่จำเป็นทั้งหมดได้ถูกติดตั้งอย่างถูกต้อง และทดสอบอย่างละเอียดในสภาพแวดล้อมการพัฒนา หากคุณพบปัญหาใด ๆ โปรดดูที่ เอกสารอย่างเป็นทางการ หรือ ติดต่อทีม ฝ่ายสนับสนุน เพื่อขอความช่วยเหลือ

สร้าง JPG จาก HTML ด้วย cURL

คุณสามารถทำการแปลงเดียวกันผ่าน REST API ได้ ด้านล่างเป็นคำสั่ง cURL ที่จำเป็น

  1. รับโทเคนการเข้าถึง
    แทนที่ YOUR_CLIENT_ID และ YOUR_CLIENT_SECRET ด้วยข้อมูลประจำตัวของคุณ.
curl -X POST "https://api.aspose.cloud/connect/token" \
-H "Content-Type: application/x-www-form-urlencoded" \
-d "grant_type=client_credentials&client_id=YOUR_CLIENT_ID&client_secret=YOUR_CLIENT_SECRET"
  1. อัปโหลดไฟล์ HTML ต้นฉบับ
    ใช้โทเค็นการเข้าถึงจากขั้นตอนก่อนหน้า.
curl -X PUT "https://api.aspose.cloud/v3.0/cad/storage/file/sample.html" \
-H "Authorization: Bearer YOUR_ACCESS_TOKEN" \
-H "Content-Type: text/html" \
--data-binary "@sample.html"
  1. ขอแปลงเป็น JPG
    format query parameter ระบุรูปแบบเป้าหมาย.
curl -X POST "https://api.aspose.cloud/v3.0/cad/convert?format=jpg" \
-H "Authorization: Bearer YOUR_ACCESS_TOKEN" \
-H "Content-Type: application/octet-stream" \
--data-binary "@sample.html" \
-o sample.jpg
  1. ดาวน์โหลด JPG ที่ได้ผลลัพธ์ (หากคุณใช้ endpoint ที่แตกต่างสำหรับการแปลง).
curl -X GET "https://api.aspose.cloud/v3.0/cad/storage/file/sample.jpg" \
-H "Authorization: Bearer YOUR_ACCESS_TOKEN" \
-o sample.jpg

สำหรับรายละเอียดเพิ่มเติม โปรดดูที่ เอกสาร API อย่างเป็นทางการ.

การติดตั้งและกำหนดค่า Aspose.CAD Cloud SDK for Node.JS

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

npm install @asposecloud/aspose-cad-cloud

แพ็กเกจพร้อมให้ดาวน์โหลดที่ หน้า Release.
ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง Node.js เวอร์ชัน 12 หรือสูงกว่าแล้วและได้สร้างบัญชี Aspose Cloud เพื่อรับ clientId และ clientSecret ของคุณ

Aspose.CAD Cloud SDK Capabilities for Image Generation

  • HTML to JPG conversion - เรนเดอร์หน้า HTML เป็นภาพ JPG คุณภาพสูงโดยตรงโดยไม่ต้องผ่านขั้นตอนกลาง.
  • Stream‑based processing - รับอินพุตเป็นสตรีมที่อ่านได้ ซึ่งเหมาะสำหรับไฟล์ขนาดใหญ่หรือเมื่ออ่านจากหน่วยความจำ.
  • Multiple output formats - นอกจาก JPG แล้ว SDK ยังรองรับ PNG, BMP, GIF, และ TIFF, ทำให้การสร้างภาพมีความยืดหยุ่น.
  • Cloud‑hosted rendering engine - ใช้โครงสร้างพื้นฐานคลาวด์ของ Aspose เพื่อการแปลงที่รวดเร็วและเชื่อถือได้.
  • Comprehensive API reference - เอกสารอ้างอิง API ออนไลน์ให้ข้อมูลลายเซ็นเมธอดทั้งหมด, พารามิเตอร์ที่จำเป็นและไม่จำเป็น, กระบวนการยืนยันตัวตน, สกีมคำขอ/การตอบกลับ, และรหัสข้อผิดพลาด, พร้อมตัวอย่างโค้ดหลายสิบชุด (C#, Java, Python, Node.js) ที่แสดงงานทั่วไปเช่นการแปลง CAD‑to‑JPG, การปรับคุณภาพภาพ, และการจัดการอินพุตสตรีม. ดูที่ API Reference.

Conclusion

สรุป

ตอนนี้คุณรู้วิธีแปลง HTML เป็น JPG ใน Node.JS ด้วย Aspose.CAD Cloud SDK for Node.js ที่ทรงพลัง SDK จะจัดการการจัดการข้อมูลประจำตัว การประมวลผลสตรีม และการเลือกรูปแบบ ให้คุณได้โซลูชันพร้อมใช้งานสำหรับการสร้างภาพบนเซิร์ฟเวอร์ จำไว้ว่าต้องรับใบอนุญาตชั่วคราวจาก หน้าใบอนุญาตชั่วคราว สำหรับการทดสอบ และซื้อใบอนุญาตเต็มสำหรับการใช้งานในสภาพแวดล้อมการผลิต ขอให้เขียนโค้ดอย่างสนุก!

FAQs

ฉันจะเปลี่ยน HTML เป็น JPG ใน Node.JS โดยใช้ Aspose.CAD ได้อย่างไร?
ใช้ Aspose.CAD Cloud SDK for Node.js เพื่อสร้าง ConvertRequest ตั้งค่า format เป็น 'jpg' และเรียกเมธอด convert ตัวอย่างโค้ดเต็มในบทความนี้แสดงขั้นตอนที่แน่นอน

การแปลงทำงานในเครื่องหรือบนคลาวด์?
SDK ส่งคำขอไปยังบริการ Aspose.CAD Cloud ดังนั้นการประมวลผลจะเกิดขึ้นในคลาวด์ขณะที่โค้ด Node.JS ของคุณประสานงานกระบวนการทำงาน

รูปแบบไฟล์ใดบ้างที่รองรับสำหรับการนำเข้าและส่งออก?
SDK รองรับรูปแบบ CAD และรูปภาพหลากหลาย สำหรับการแปลง HTML เป็นภาพ คุณสามารถส่งออกเป็น JPG, PNG, BMP, GIF หรือ TIFF ได้ ดูที่ API Reference สำหรับรายการทั้งหมด

ฉันจำเป็นต้องซื้อใบอนุญาตสำหรับการใช้งานในสภาพแวดล้อมการผลิตหรือไม่?
ใบอนุญาตชั่วคราวพร้อมให้ใช้เพื่อการประเมินผลที่ หน้าลิขสิทธิ์ชั่วคราว. สำหรับการใช้งานในสภาพแวดล้อมการผลิต คุณต้องได้รับใบอนุญาตเชิงพาณิชย์จาก Aspose.

อ่านเพิ่มเติม