วิธีที่ OnlineDocumentViewer ใช้ Doconut SDK เพื่อการเรนเดอร์เอกสารในเบราว์เซอร์
18/9/2569

วิธีที่ OnlineDocumentViewer ใช้ Doconut SDK เพื่อการเรนเดอร์เอกสารในเบราว์เซอร์

ค้นพบว่า OnlineDocumentViewer ใช้ Doconut SDK อย่างไรเพื่อเรนเดอร์ไฟล์กว่า 50 ประเภทในเบราว์เซอร์ด้วยความคมชัดพิกเซล‑เพอร์เฟคท์, ไม่มีปลั๊กอิน, และมีความปลอดภัยในตัว

OnlineDocumentViewer เรนเดอร์เอกสารในเบราว์เซอร์ด้วย Doconut SDK

OnlineDocumentViewer แสดง PDF, ไฟล์ Word, ภาพวาด CAD, และรูปแบบอื่น ๆ อีกหลายสิบประเภทโดยตรงภายในหน้าเว็บใด ๆ ก็ตาม โดยทำการมอบหมายงานหนักให้กับ Doconut SDK ซึ่งเป็นเอนจินเรนเดอร์ฝั่งเซิร์ฟเวอร์ที่แปลงไฟล์ต้นฉบับเป็นสตรีมภาพพิกเซล‑เพอร์เฟคท์ แล้วสตรีมภาพเหล่านั้นไปยังเบราว์เซอร์ผ่านตัวหุ้ม JavaScript ที่มีน้ำหนักเบา

Doconut SDK: แกนการเรนเดอร์เบื้องหลังการพรีวิวทุกครั้ง

Doconut SDK เข้าใจไฟล์เนทีฟมากกว่า 50 ประเภท – PDF, DOCX, XLSX, PPTX, DWG, PSD, SVG, และอื่น ๆ อีกมาก เมื่อคำขอเข้ามา Doconut จะทำการพาร์สเอกสารต้นฉบับ, แก้ไขฟอนต์และเลเยอร์, แล้วสร้างภาพเรสเตอร์ที่ตรงกับเลย์เอาต์ต้นฉบับพิกเซลต่อพิกเซล เนื่องจากการแปลงเกิดขึ้นบนเซิร์ฟเวอร์ ลูกค้าจึงไม่ต้องมี Microsoft Office, AutoCAD หรือแอปพลิเคชันเดสก์ท็อปอื่นใด

จากโทเคนสู่พิกเซล: กระบวนการร้องขอแบบ End‑to‑End

  1. สร้าง URL ที่ลงนามด้วยโทเคน – ฝั่งแบ็กเอนด์ของคุณเรียก OnlineDocumentViewer REST API, ส่งตัวระบุไฟล์และแฟล็กเพิ่มเติมเช่น disableDownload: true. API จะคืนค่า URL ที่มีอายุสั้นซึ่งฝังโทเคนเข้ารหัสไว้
  2. เซิร์ฟเวอร์เรียกใช้ Doconut – บริการ OnlineDocumentViewer ส่งคำขอไปยัง Doconut SDK, ซึ่งทำการแปลงไฟล์ในสภาพแวดล้อมแบบแซนด์บ็อกซ์
  3. สตรีมพิกเซลถูกส่งกลับ – Doconut สตรีมหน้าที่เรนเดอร์เป็นภาพแบบไทล์. SDK จะต่อไทล์เหล่านั้นเป็นแคนวาสที่เลื่อนได้, รักษาระดับการซูมและตำแหน่งการเลื่อน
  4. ผู้ชมแสดงแคนวาส – ฝั่งฟรอนท์เอนด์เห็นพรีวิวที่ไร้รอยต่อและไม่มีปลั๊กอินซึ่งทำงานเหมือนผู้ชม PDF เนทีฟ

กระบวนการนี้ทำงานเช่นเดียวกันสำหรับแบ็กเอนด์ .NET, บริการ Node.js, หรือแพลตฟอร์มใด ๆ ที่สามารถส่งคำขอ HTTP, ตอบสนองความต้องการ “ข้ามแพลตฟอร์ม”

ความคมชัดพิกเซล‑เพอร์เฟคท์: ความหมายของการเรนเดอร์ความละเอียดสูงต่อ UI ของคุณ

การเรนเดอร์ความละเอียดสูงรับประกันว่าทุก glyph, รูปร่างเวกเตอร์, และเลเยอร์จะแสดงผลตรงตามที่ผู้สร้างต้นฉบับตั้งใจไว้ สำหรับ PDF ที่มีฟอนต์ OpenType ฝังอยู่ Doconut จะดึงข้อมูลฟอนต์และเรสเตอร์ไลท์แต่ละ glyph ตามระดับการซูมที่ร้องขอ, ทำให้ไม่มีฟอนต์สำรองปรากฏขึ้น สำหรับภาพวาด CAD (DWG) น้ำหนักเส้น, ลวดลาย hatch, และการมองเห็นเลเยอร์จะถูกสร้างซ้ำโดยไม่มีการบิดเบือน ผลลัพธ์คือพรีวิวที่ดูเหมือนกับการเปิดไฟล์ในแอปพลิเคชันเดสก์ท็อปต้นแบบ, ขจัดช่องว่างด้านภาพที่มักทำให้ผู้พัฒนาต้องอพยพไปใช้สกรีนช็อต

ความปลอดภัย, ความเป็นส่วนตัว, และการปฏิบัติตาม GDPR ที่มาพร้อมในตัว

  • การควบคุมการเข้าถึงด้วยโทเคน – ทุก URL พรีวิวมีโทเคนที่ลงนามซึ่งเซิร์ฟเวอร์ตรวจสอบก่อนเรียก Doconut. หากโทเคนหายหรือหมดอายุ คำขอจะถูกปฏิเสธ
  • การลบไฟล์อัตโนมัติ – หลังจากกระบวนการเรนเดอร์เสร็จ ไฟล์ต้นฉบับจะถูกลบออกจากที่เก็บชั่วคราว. ไม่มีสำเนาถาวรค้างบนเซิร์ฟเวอร์
  • การเข้ารหัสแบบ End‑to‑End – การรับส่งข้อมูลทั้งหมดระหว่างฟรอนท์เอนด์ของคุณ, บริการ OnlineDocumentViewer, และ Doconut ทำงานผ่าน TLS
  • การจำกัดโดเมน – คุณสามารถกำหนดรายการโดเมนที่อนุญาตให้โหลดผู้ชม, ป้องกันการโจมตีแบบ click‑jacking

มาตรการเหล่านี้ทำให้คุณสามารถฝังพรีวิวเอกสารในผลิตภัณฑ์ SaaS ที่ต้องปฏิบัติตามข้อกำหนดการปกป้องข้อมูลที่เข้มงวด

เวลาโหลดต่ำกว่า 1 วินาทีแม้ในสเกลใหญ่

เนื่องจาก Doconut ทำการแปลงบนอินสแตนซ์คลาวด์ที่มีประสิทธิภาพสูง เอกสารส่วนใหญ่จะเรนเดอร์ภายในเวลาน้อยกว่าหนึ่งวินาที ไม่ว่าผู้ใช้จะอยู่บน Windows, macOS, Linux, iOS หรือ Android ก็ตาม ผู้ชมจะสตรีมเฉพาะไทล์ที่มองเห็นในขณะนั้น ทำให้การใช้แบนด์วิดท์ต่ำแม้บนเครือข่ายมือถือ สถาปัตยกรรมเป็นคลาวด์‑เนทีฟ: อินสแตนซ์หลายตัวของบริการเรนเดอร์จะออโต้สเกลเบื้องหลังโหลดบาลานเซอร์ระดับโลก, ส่งมอบความหน่วงเวลาแบบสม่ำเสมอทั่วโลก

สิ่งที่ควรลองต่อไป

  1. สมัครที่ ผู้ชมเอกสารออนไลน์ (https://onlinedocumentviewer.com) และอัปโหลด PDF ตัวอย่าง

สำรวจเพิ่มเติมเกี่ยวกับเอนจินการเรนเดอร์บนเว็บไซต์ Doconut: https://doconut.com.
สำหรับคู่มือการรวมเพิ่มเติม, เยี่ยมชม https://doconut.app.