HTML เหมาะอย่างยิ่งสำหรับการแสดงเนื้อหาบนเว็บ แต่ไม่เหมาะสำหรับการแบ่งปัน การฝัง หรือการเก็บรักษาเนื้อหาในรูปแบบภาพ ดังนั้น การแปลง HTML เป็น JPG ไม่เพียงแต่ช่วยลดความซับซ้อนในการกระจายเนื้อหาบนเว็บเท่านั้น แต่ยังเพิ่มการเข้าถึงและการใช้งานบนแพลตฟอร์มต่างๆ อีกด้วย บทความนี้ให้รายละเอียดเกี่ยวกับการสร้างการแสดงภาพคงที่ของหน้าเว็บแบบไดนามิกโดยใช้ .NET REST API
API การแปลง HTML เป็น JPG
Aspose.HTML Cloud SDK for .NET นำเสนอโซลูชันที่มีประสิทธิภาพและยืดหยุ่นสำหรับการแปลงเนื้อหา HTML เป็นรูปภาพ JPG คุณภาพสูง คุณสามารถทำการแปลงนี้ด้วยความพยายามเพียงเล็กน้อย ทำให้มั่นใจได้ว่าเนื้อหา HTML ของคุณจะถูกแสดงผลอย่างถูกต้องและแปลงเป็นรูปภาพ JPG ที่สวยงาม ขั้นตอนแรกในกระบวนการแปลงคือการเพิ่มการอ้างอิง REST API ในโครงการ .NET โปรดค้นหา Aspose.HTML-Cloud
ในตัวจัดการแพ็คเกจ NuGet แล้วคลิกปุ่ม เพิ่มแพ็คเกจ
ประการที่สอง สร้างบัญชีฟรีบน แดชบอร์ด Aspose.Cloud และรับรายละเอียดข้อมูลประจำตัวลูกค้าของคุณ
วิธีการแปลง HTML เป็น JPG ใน C# .NET
มาเจาะลึกรายละเอียดของโซลูชันอันทรงพลังและยืดหยุ่นสำหรับการแปลงรูปภาพ HTML เป็น JPG โดยใช้ C# .NET กัน
var storageApi = new HtmlApi(CLIENT_ID, CLIENT_SECRET).StorageApi;
สร้างอินสแตนซ์ของ StorageApi ในขณะส่งข้อมูลประจำตัวไคลเอนต์เป็นอาร์กิวเมนต์
var exists = await storageApi.UploadFileAsync(@"C:\Users\"+ inputFileName, inputFileName, "Internal");
อัพโหลดอินพุต HTML ไปยังที่เก็บข้อมูลบนคลาวด์
var api = new HtmlApi(clientID, clientSecret).ConvertApi;
ตอนนี้สร้างอินสแตนซ์ของ HtmlApi ที่เราส่งข้อมูลประจำตัวอินพุตเป็นอาร์กิวเมนต์
var options = new ImageConversionOptions();
เราสามารถเลือกกำหนดรายละเอียดระยะขอบของภาพ JPEG ที่ได้ผลลัพธ์ได้
var result = await api.ConvertAsync(inputFileName, resultantFileName, options);
สุดท้ายนี้ ให้เรียก API เพื่อแปลงภาพ HTML เป็น JPG และอัปโหลดภาพที่ได้ไปยังที่เก็บข้อมูลบนคลาวด์
// สำหรับตัวอย่างแบบสมบูรณ์ โปรดไปที่ https://github.com/aspose-html-cloud/aspose-html-cloud-dotnet
string clientSecret = "1c9379bb7d701c26cc87e741a29987bb";
string clientID = "bbf94a2c-6d7e-4020-b4d2-b9809741374e";
// ชื่อไฟล์อินพุต HTML
String inputFileName = "sourceHTML.html";
// ชื่อไฟล์เอาท์พุต
String resultantFileName = "Converted.jpg";
try
{
// เริ่มต้นวัตถุ API SDK
var storageApi = new HtmlApi(clientID, clientSecret).StorageApi;
// อัพโหลดไฟล์ test.html ไปยังที่เก็บข้อมูลบนคลาวด์
var exists = await storageApi.UploadFileAsync(@"C:\Users\"+ inputFileName, inputFileName, "Internal");
// เริ่มต้น SDK API
var api = new Aspose.HTML.Cloud.Sdk.HtmlApi(clientID, clientSecret).ConvertApi;
// สร้างอินสแตนซ์ตัวเลือกและระบุตัวเลือกสำหรับการแปลง HTML เป็น PNG
var options = new ImageConversionOptions()
.SetHeight(800)
.SetWidth(1000)
.SetLeftMargin(10)
.SetRightMargin(10)
.SetBottomMargin(10)
.SetTopMargin(10);
// แปลง HTML เป็น JPG
var result = await api.ConvertAsync(inputFileName, resultantFileName, options);
}
catch(Exception ex)
{ Console.WriteLine(ex.StackTrace); }
แปลงเว็บเป็น JPG โดยใช้คำสั่ง cURL
นอกจากนี้ยังสามารถเข้าถึง Aspose.HTML Cloud APIs ได้โดยใช้คำสั่ง cURL โดยใช้เทอร์มินัลบรรทัดคำสั่ง ดังนั้น ข้อกำหนดเบื้องต้นสำหรับแนวทางนี้ เราต้องสร้าง JSON Web Token (JWT) ขึ้นก่อนโดยอิงตามข้อมูลประจำตัวไคลเอนต์แต่ละรายของคุณ โปรดดำเนินการคำสั่งต่อไปนี้เพื่อสร้าง JWT token
curl -v "https://api.aspose.cloud/connect/token" \
-X POST \
-d "grant_type=client_credentials&client_id=bbf94a2c-6d7e-4020-b4d2-b9809741374e&client_secret=1c9379bb7d701c26cc87e741a29987bb" \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Accept: application/json"
ตอนนี้โทเค็น JWT ถูกสร้างขึ้นแล้ว เราต้องดำเนินการคำสั่งต่อไปนี้เพื่อแปลง HTML เป็นรูปภาพ JPG
curl -v "https://api.aspose.cloud/html/{sourceFile}/convert/image/jpg?outPath={convertedImage}&storage=Internal" \
-X PUT \
-H "accept: application/json" \
-H "authorization: Bearer <JWT Token>"
แทนที่ sourceFile
ด้วยชื่อไฟล์ HTML อินพุตที่อัพโหลดไปยังที่เก็บข้อมูลบนคลาวด์ และแทนที่ convertedImage
ด้วยชื่อของรูปภาพ JPG ที่ได้ผลลัพธ์
ลิงค์ที่เป็นประโยชน์
บทสรุป
เราได้เรียนรู้แล้วว่าความง่ายในการใช้งาน เอาต์พุตคุณภาพสูง และความสามารถในการปรับขนาดที่ Cloud SDK มอบให้ทำให้ Cloud SDK กลายเป็นสินทรัพย์ที่ขาดไม่ได้สำหรับเวิร์กโฟลว์การพัฒนาใดๆ เริ่มสำรวจ Aspose.HTML Cloud SDK วันนี้และใช้ประโยชน์จากคุณสมบัติอันทรงพลังเพื่อปรับปรุงงานแปลง HTML เป็น JPG ของคุณ
บทความที่เกี่ยวข้อง
เราขอแนะนำให้เยี่ยมชมบล็อกต่อไปนี้เพื่อดูรายละเอียดเพิ่มเติมเกี่ยวกับ: