การทำงานกับ PDF Viewer – การเรนเดอร์คุณภาพสูงสำหรับไฟล์ PDF ในแอป ASP.NET และ .NET Core พร้อมการค้นหาเต็มรูปแบบและการโต้ตอบ: คู่มือปฏิบัติ
Need pixel‑perfect PDF rendering, instant searchable text, and rich on‑screen interaction in an ASP.NET or .NET Core web app? Doconut’s PDF Viewer gives you all that right out of the box. Its server‑side rendering model keeps document processing within your application infrastructure. And yes—you can start a free trial today to see the full feature set before you commit.
In this guide we’ll walk senior developers and architects through a practical integration approach, explain why its rendering engine beats generic HTML‑based approaches, and show you how to add OCR‑driven search and annotation without pulling in any external services.
1. การเชื่อมต่อ Doconut PDF Viewer เข้ากับโครงการ ASP.NET Core
เริ่มต้นกันเลย: เชื่อมต่อ viewer เข้ากับ pipeline ของคำขอ ASP.NET Core เพิ่มแพคเกจที่จำเป็นและกำหนดค่าบริการของแอปพลิเคชันตามเวอร์ชันของ SDK ที่โครงการของคุณใช้ ปรึกษาเอกสาร Doconut ปัจจุบันสำหรับขั้นตอนการลงทะเบียนที่แม่นยำ
ภายในคอนโทรลเลอร์หรือเซอร์วิส ให้ประสานงานเซสชันเอกสารผ่านคลาส Viewer และบริการแคชและ HTTP ที่ ASP.NET Core จัดให้ viewer จากนั้นสามารถส่งข้อมูลเซสชันที่จำเป็นให้กับส่วนหน้าเพื่อขอหน้า, รูปย่อ, และข้อมูลหมายเหตุ เก็บการผสานรวมไว้ในบริการแอปพลิเคชันเพื่อให้รายละเอียดที่เฉพาะของ SDK แยกออกจากคอนโทรลเลอร์และโค้ด UI
เนื่องจากการทำงานหนักอยู่บนเซิร์ฟเวอร์ ลูกค้าได้รับเพียงสตรีมภาพที่มีน้ำหนักเบา—เวลาโหลดที่เร็วแม้บนเบราว์เซอร์ที่มีสเปคปานกลาง
2. ความแม่นยำของการเรนเดอร์ใน .NET – ทำไม Doconut’s PDF Viewer ถึงดูดีกว่า
เมื่อ PDF มีกราฟิกเวกเตอร์ที่ซับซ้อน, ฟอนต์ฝัง, หรือภาพความละเอียดสูง, ตัวดูทั่วไปหลายตัวจะกลับไปใช้การเรนเดอร์แบบแรสเตอร์คุณภาพต่ำ อย่างไรก็ตามเอนจินการเรนเดอร์ของ Doconut จะประมวลผลแต่ละหน้าโดยใช้แรสเตอร์ไลเซอร์เฉพาะที่เคารพพื้นที่สี, กลุ่มความโปร่งใส, และการให้คำแนะนำฟอนต์ของ PDF ดั้งเดิม
- ความแม่นยำจากเวกเตอร์สู่พิกเซล – เอนจินแปลงวัตถุเวกเตอร์เป็นไทล์บิตแมพที่แอนติ‑เอเลียสที่ DPI ที่ร้องขอ, รักษาน้ำหนักเส้นและความเรียบของโค้ง.
- การจัดการฟอนต์ฝัง – ฟอนต์ถูกดึงออกจาก PDF และเรนเดอร์ในเครื่อง, ขจัดปัญหา “ฟอนต์สำรอง” ที่ทำให้ตัวดูที่อิง HTML มีปัญหา.
- การรับรู้การจัดการสี – CMYK และสีพิเศษได้รับการเคารพ, ซึ่งสำคัญมากสำหรับเทคโนโลยีกฎหมายและการรายงานทางการเงินที่ต้องการการถ่ายทอดสีที่แม่นยำ.
หากคุณต้องการรูปย่อสำหรับรายการเอกสาร, เรียก API thumbnail‑dimension ของ viewer เพื่อรับความกว้าง, ความสูงและการตั้งค่าซูมของหน้าที่ระบุ จากนั้นคุณสามารถฝังมิติเหล่านั้นในแท็ก <img> ทำให้คุณสร้างแกลเลอรีที่ตอบสนองต่ออัตราพิกเซลของอุปกรณ์ผู้ใช้ได้ เนื่องจาก pipeline การเรนเดอร์ทำงานบนเซิร์ฟเวอร์ คุณสามารถย้ายงาน CPU ไปยังงานเบื้องหลังหรือบริการที่ขยายได้โดยไม่ทำให้ความหน่วงของส่วนหน้าเพิ่มขึ้น
3. การค้นหาแบบทันทีและ OCR – แปลง PDF สแกนให้เป็นเนื้อหาที่ค้นหาได้
PDF ที่ไม่สามารถค้นหาได้ถือว่าเป็นการซ่อนข้อมูล Doconut’s Search Plugin ร่วมกับเอนจิน OCR ในตัว ทำให้ทุกหน้าสามารถค้นหาได้—ไม่ว่าจะเป็น PDF ดั้งเดิมหรือภาพสแกน
3.1 เปิดใช้งาน OCR แบบเรียลไทม์
เมื่อคุณเปิดเอกสาร, ตั้งค่าแฟล็ก OCR ในอ็อบเจ็กต์ PdfConfig เอนจิน OCR จะทำงานบนแต่ละหน้าราสเตอร์, ดึงชั้นข้อความออกและทำดัชนีเพื่อการค้นหาเร็วแสง การประมวลผลนี้เกิดขึ้นบนเซิร์ฟเวอร์ ดังนั้นเอกสารที่เป็นความลับจะไม่ออกนอกโครงสร้างพื้นฐานของคุณ—เป็นประโยชน์ด้านการปฏิบัติตามกฎระเบียบอย่างมากสำหรับโซลูชันด้านสุขภาพหรือเทคโนโลยีกฎหมาย
3.2 การค้นหาทั่วทั้งเอกสาร
ส่วนหน้า ส่งสตริงคำค้นแบบง่ายไปยัง endpoint เฉพาะ Doconut จะค้นหาชั้นข้อความที่สร้างล่วงหน้าและส่งคืนหมายเลขหน้าและส่วนที่ไฮไลท์ที่ตรงกัน เนื่องจากข้อความถูกดึงไว้แล้ว การตอบกลับจะกลับมาในระดับมิลลิวินาที แม้สำหรับรายงานหลายร้อยหน้า โครงสร้าง JSON จะรวมดัชนีหน้า, พิกัดที่แม่นยำของแต่ละผลลัพธ์, และบริบทโดยรอบ, เพื่อให้คุณสามารถวางกล่องไฮไลท์บนภาพหน้าที่เรนเดอร์ได้โดยตรง
3.3 ประโยชน์สำหรับกระบวนการทำงานขององค์กร
- ลดความพยายามด้วยมือ – ผู้ใช้ค้นหาข้อความในสัญญาหรือรายการในงบการเงินโดยไม่ต้องเปิดโปรแกรมแก้ไขแยก
- บันทึกการตรวจสอบการปฏิบัติตาม – ทุกคำขอค้นหาสามารถบันทึกได้, ให้หลักฐานว่าผู้ใช้เข้าถึงข้อมูลที่ต้องการ
- สถาปัตยกรรมที่ขยายได้ – OCR สามารถทำงานในคิวเบื้องหลังสำหรับชุดข้อมูลขนาดใหญ่, ทำให้ UI รวดเร็ว
4. การทำหมายเหตุแบบโต้ตอบ: ตรวจสอบ, แสดงความคิดเห็น, และอนุมัติ PDF ภายในแอปของคุณ
วงจรการตรวจสอบเอกสารมักติดขัดเพราะผู้ใช้ต้องดาวน์โหลด PDF, ทำหมายเหตุแบบออฟไลน์, แล้วอัปโหลดเวอร์ชันที่แก้ไขใหม่ Doconut’s Annotation Plugin นำลูปการตรวจสอบทั้งหมดเข้าสู่เบราว์เซอร์, พร้อมกับเก็บตรรกะการทำหมายเหตุที่หนักบนเซิร์ฟเวอร์เพื่อความน่าเชื่อถือและความปลอดภัย
4.1 สร้างตัวจัดการหมายเหตุ
เมื่อมีการขอหน้า, รับตัวจัดการหมายเหตุที่รู้ขนาดของหน้า ตัวจัดการนี้ให้คุณเพิ่มประเภทหมายเหตุที่รองรับใด ๆ—ไฮไลท์, โน้ตติด, การวาด, หรือสแตมป์แบบกำหนดเอง ตัวอย่างเช่น คุณสามารถวางสแตมป์ “Approved” ลงบนตำแหน่งเฉพาะโดยระบุพิกัด, ขนาดและเส้นทางรูปภาพ
ตัวจัดการจะทำการซีเรียลไลซ์คอลเลกชันของหมายเหตุเป็น XML, ซึ่งคุณสามารถเก็บร่วมกับเอกสารหรือส่งกลับไปยังคลไอเอนท์เพื่อรับฟีดแบ็กภาพทันที
4.2 การบันทึกและโหลดหมายเหตุ
หมายเหตุเป็น XML ที่มีน้ำหนักเบา ทำให้ง่ายต่อการควบคุมเวอร์ชันหรือเก็บในคอลัมน์ฐานข้อมูล เมื่อผู้ใช้กลับมา, เพียงโหลด XML ที่บันทึกไว้กลับเข้าสู่ viewer; viewer จากนั้นเรนเดอร์สแตมป์, ไฮไลท์, และคอมเมนต์บนภาพหน้าคุณภาพสูง, ให้ความรู้สึกเหมือนโปรแกรมแก้ไข PDF ดั้งเดิม
4.3 การโต้ตอบระดับองค์กร
- การมองเห็นตามบทบาท – เนื่องจากหมายเหตุถูกเก็บแยกกัน, คุณสามารถกรองตามบทบาทผู้ใช้ (เช่น ผู้ตรวจสอบเห็นคอมเมนต์, ผู้อนุมัติเห็นสแตมป์)
- ความสามารถในการตรวจสอบ – ทุกการดำเนินการหมายเหตุสามารถบันทึกพร้อมกับข้อมูลผู้ใช้และเวลาที่ทำ, ตรงตามข้อกำหนดการตรวจสอบของ SOX หรือ GDPR
- ไม่มีปลั๊กอินฝั่งไคลเอนท์ – การโต้ตอบทั้งหมดเกิดขึ้นผ่านการเรียก HTTP มาตรฐาน; ไม่ต้องใช้ ActiveX, Flash, หรือส่วนขยายเบราว์เซอร์ที่เป็นกรรมสิทธิ์
5. การพิมพ์ที่ควบคุมและการส่งมอบอย่างปลอดภัย (บริบทสนับสนุน)
หลายองค์กรต้องจำกัดวิธีการพิมพ์ PDF—โดยเฉพาะเมื่อจัดการกับสัญญาที่เป็นความลับหรือบันทึกทางการแพทย์ที่ต้องปฏิบัติตามกฎระเบียบ ฟีเจอร์ Controlled Printing ของ Doconut เชื่อมต่อโดยตรงกับ PDF Viewer, ให้คุณกำหนดโควต้าการพิมพ์, ใส่ลายน้ำบนหน้า, หรือปิดการพิมพ์ทั้งหมดจาก UI ของ viewer
กำหนดค่าอ็อบเจ็กต์ PrintConfig ด้วยตัวเลือกที่ต้องการ (เปิด/ปิดการพิมพ์, ข้อความลายน้ำ, จำนวนหน้าสูงสุดต่องาน) และเชื่อมโยงกับโทเค็นเอกสาร เมื่อผู้ใช้คลิกปุ่มพิมพ์, เซิร์ฟเวอร์จะสร้าง PDF พร้อมพิมพ์ที่เคารพข้อจำกัดที่กำหนดไว้ เนื่องจากการประมวลผลเกิดบนเซิร์ฟเวอร์, คุณยังคงควบคุมผลลัพธ์ได้เต็มที่, และไคลเอนท์จะไม่เห็นไฟล์ต้นฉบับที่ไม่มีข้อจำกัด
ประเด็นสำคัญ
- การผสานรวม ASP.NET Core เชื่อมต่อ PDF viewer กับ pipeline ของคำขอแอปพลิเคชันพร้อมแยกการตั้งค่าเฉพาะ SDK ออกจากกัน.
- การเรนเดอร์ความละเอียดสูง รักษากราฟิกเวกเตอร์, ฟอนต์ฝัง, และความแม่นยำของสี, มอบประสบการณ์ผู้ดูระดับมืออาชีพ.
- OCR ในตัว แปลง PDF สแกนเป็นข้อความที่ค้นหาได้, ขจัดความจำเป็นในการใช้บริการของบุคคลที่สาม.
- ตัวจัดการหมายเหตุ ให้คุณเพิ่ม, บันทึก, และโหลดใหม่ไฮไลท์, สแตมป์, และคอมเมนต์ทั้งหมดบนเซิร์ฟเวอร์, รับประกันความสมบูรณ์ของข้อมูลและความสามารถในการตรวจสอบ.
- การพิมพ์ที่ควบคุม ให้ธุรกิจควบคุมอย่างละเอียดว่าขั้นตอนการออกเอกสารจากเบราว์เซอร์เป็นอย่างไร, รองรับข้อกำหนดการปฏิบัติตาม.
- ทุกการดำเนินการทำงานร่วมกับ สตรีม, งานเบื้องหลัง, และเว็บ API, ทำให้ viewer เหมาะสำหรับแอปพลิเคชันขนาดใหญ่ที่เน้นเอกสาร.
พร้อมอัปเกรดแอป ASP.NET/.NET Core ของคุณหรือยัง?
สัมผัสพลังเต็มของ Doconut’s PDF Viewer — การเรนเดอร์คุณภาพสูง, การค้นหา OCR ทันที, การทำหมายเหตุฝั่งเซิร์ฟเวอร์, และการพิมพ์ที่ปลอดภัย — ทั้งหมดในแพคเกจเดียวที่ง่ายต่อการผสานรวม เริ่มทดลองใช้ฟรีของคุณวันนี้บนเว็บไซต์ทางการของ Doconut และดูว่าคุณสามารถมอบประสบการณ์เอกสารระดับมืออาชีพให้ผู้ใช้ของคุณได้เร็วแค่ไหน