คุณสามารถดูไฟล์ PDF, Office, แผนภาพ CAD, อีเมล และรูปภาพในเบราว์เซอร์ โดยไม่ต้องติดตั้งปลั๊กอินเก่า สำหรับแอปพลิเคชัน .NET บน Windows, Doconut Viewer ให้บริการประมวลผลเอกสารด้านหลังขณะที่ผู้ใช้ยังคงอยู่ในแอปพลิเคชันธุรกิจ
ในส่วนต่อไปเราจะสำรวจว่าทำไมการลบปลั๊กอินเก่าถึงสำคัญ, สรุปขั้นตอนการรวม ASP.NET Core, และพูดถึงการอัปโหลดแบบลากและวางและการรวม Blazor โดยไม่พึ่งพาโค้ด SDK ที่ไม่ได้รับการตรวจสอบ
ไม่มีปลั๊กอิน: ทำไมจึงเป็นการเปลี่ยนเกมสำหรับแอปเว็บ .NET
กำจัดความขัดแย้ง “ต้องติดตั้งก่อน”
ตัวดูเอกสารแบบดั้งเดิมยึดติดกับ ActiveX, Java หรือ Flash. สิ่งเหล่านี้ต้องการการอนุญาต, ทำให้เกิดการแจ้งเตือนความปลอดภัยและทำงานไม่ถูกต้องบนเบราว์เซอร์สมัยใหม่. Doconut ข้ามขั้นตอนนั้นโดย การเรนเดอร์บนเซิร์ฟเวอร์ และส่ง HTML ธรรมดาและรูปภาพไปยังเบราว์เซอร์ — ไม่มีสิ่งใดต้องติดตั้งบนไคลเอนต์, ไม่มีการแจ้งเตือน, ไม่มีตั๋ว IT
ความแตกต่างนี้สำคัญต่อส่วนที่เหลือของบทความนี้, ดังนั้นจึงควรอธิบายอย่างชัดเจน: การแยกวิเคราะห์และการแปลงเป็นภาพเกิดขึ้นบนเซิร์ฟเวอร์ของคุณ, ไม่ได้อยู่ในเบราว์เซอร์ของผู้ใช้. ไม่มีปลั๊กอินหมายความว่าไคลเอนต์ไม่ต้องการอะไร; ไม่ได้หมายความว่าการทำงานได้ย้ายไปยัง JavaScript
รักษา sandbox ของเบราว์เซอร์ให้คงสภาพ
เนื่องจากไม่มีปลั๊กอินภายนอกโหลด, sandbox ของเบราว์เซอร์จึงไม่ถูกกระทบ. ยิ่งกว่านั้น, เครื่องของผู้ใช้ไม่เคยได้รับเอกสารต้นฉบับเลย — ได้รับเพียงหน้าที่เรนเดอร์ — ดังนั้นไฟล์ PDF ที่เป็นอันตรายไม่มีอะไรให้ทำงานที่ฝั่งนั้น
สิ่งที่นี่ ไม่ ทำคือการลบพื้นผิวการโจมตี; มันย้ายไปยังเซิร์ฟเวอร์ของคุณ, ที่ซึ่งตัวแยกวิเคราะห์กำลังประมวลผลข้อมูลที่ไม่ได้รับความเชื่อถือ. ให้ทำงานด้วยสิทธิ์ต่ำสุด, รักษาให้เป็นเวอร์ชันล่าสุด, และตรวจสอบการอัปโหลด. ความปลอดภัยการส่งข้อมูล, การเข้ารหัสขณะพักและการเก็บรักษาเป็นสิ่งที่แอปของคุณต้องดำเนินการ — SDK ไม่ได้รวมไว้
เตรียมพร้อมสำหรับอนาคตบนเบราว์เซอร์และอุปกรณ์ต่างๆ
เนื่องจากเบราว์เซอร์เพียงแค่ต้องแสดง HTML มาตรฐานและรูปภาพ, มีสิ่งที่อัปเดตของเบราว์เซอร์ทำให้การทำงานเสียหายน้อยมาก. Chrome, Edge, Safari หรือ WebView บนมือถือทั้งหมดทำงานเช่นเดียวกัน, ไม่มีการเตือนว่า “ปลั๊กอินหายไป” และไม่มีวิธีแก้ไขเฉพาะเวอร์ชัน — และอุปกรณ์ที่มีประสิทธิภาพต่ำก็ไม่เป็นข้อเสีย, เนื่องจากไม่ได้ทำการเรนเดอร์
การฝังตัวดูแบบไม่มีปลั๊กอินของ Doconut App ใน ASP.NET Core
เพื่อรวมตัวดู, สร้าง URL ที่มีอายุสั้นและมีลายเซ็น สำหรับเอกสารบนเซิร์ฟเวอร์และส่งให้ไคลเอนต์. เซิร์ฟเวอร์เรนเดอร์เอกสารและสตรีมหน้าผ่าน HTTPS ไปยังองค์ประกอบคอนเทนเนอร์บนหน้า
กระบวนการทำงานด้านเซิร์ฟเวอร์ (เชิงแนวคิด)
- รับคำขอสำหรับเอกสาร
- ดึงไฟล์จากที่เก็บของคุณ (SQL, Blob, ฯลฯ)
- สร้าง URL ที่มีเวลาจำกัดและมีลายเซ็นที่ชี้ไปยังไฟล์ที่เข้ารหัส
- ส่งคืน URL นั้นไปยัง Razor view
Razor view (เชิงแนวคิด)
ให้ view รับผิดชอบการจัดวางและสถานะของตัวดูที่ได้รับอนุญาต, ในขณะที่เซิร์ฟเวอร์ดึงและประมวลผลเอกสาร. ใช้เฉพาะทรัพยากรของไคลเอนต์และลำดับการเริ่มต้นที่ได้บันทึกไว้สำหรับเวอร์ชัน Doconut ที่ติดตั้ง
เมื่อหน้าโหลด, ไคลเอนต์จะร้องขอเอกสารโดยใช้ URL ที่มีลายเซ็นและแสดงหน้าที่เซิร์ฟเวอร์ส่งกลับ. ไม่มี ActiveX, Java หรือ Flash
ทำไมเรื่องนี้ถึงสำคัญ
- ไม่มีปลั๊กอิน: ไคลเอนต์ต้องการเพียงเบราว์เซอร์และไม่มีอะไรอื่น
- ไฟล์ต้นฉบับไม่เคยถึงผู้ใช้: พวกเขาได้รับหน้าที่เรนเดอร์, ดังนั้นจึงไม่มีสำเนาในเครื่องเพื่อส่งต่อ, แคช หรือรั่วไหล
- ความปลอดภัยเป็นของคุณที่จะสร้าง: URL ที่มีอายุสั้นและมีลายเซ็นเป็นโค้ดที่คุณเขียน. ไม่มีส่วนใดของตัวดูที่บังคับให้เป็นเช่นนั้น, ดังนั้นให้ทำเป็นส่วนหนึ่งของการออกแบบแทนการสมมติ
- การแบ่งหน้า: หน้าถูกส่งตามความต้องการแทนที่จะส่งทั้งหมดพร้อมกัน, ซึ่งทำให้ PDF ยาวหรือภาพวาดที่หนาแน่นยังใช้งานได้
การเรนเดอร์รูปแบบที่รองรับโดยไม่ต้องใช้ปลั๊กอิน
เอ็นจินของ SDK รองรับ ไฟล์นามสกุล 75 ประเภทใน 18 กลุ่ม — PDF, DOCX, XLSX, PPTX, DWG, DXF, PSD, VSDX, MPP, EML, MSG, EPUB, TIFF, PNG, JPEG และอื่น ๆ รวมถึง DICOM ผ่านปลั๊กอินที่มีใบอนุญาตแยกต่างหาก ตัวดูไฟล์ฟรีที่ doconut.app รองรับ 73 ประเภท: ทั้งหมดยกเว้น .dcm และ .ima.
เอ็นจินจะระบุไฟล์โดยอิงจากเนื้อหาแทนที่จะอิงจากนามสกุล ซึ่งสำคัญกว่าที่คิด — มีไฟล์จำนวนมากที่ชื่อว่า .xls จริง ๆ แล้วเป็นตาราง HTML หรือ CSV.
ข้อจำกัดหนึ่งเรื่องความแม่นยำ เนื่องจากคำว่า “pixel-perfect” เป็นสัญญาที่ไม่มีเรนเดอร์ใด ๆ สามารถทำได้: เอกสารที่อ้างอิงทรัพยากรที่ไม่ได้รวมอยู่ในไฟล์จะต่างจากที่ผู้สร้างเห็น ฟอนต์ที่ไม่ได้ฝังจะถูกแทนที่ และการอ้างอิงภายนอกของ DWG จะไม่อยู่ภายใน DWG.
การอัปโหลดแบบลาก‑และ‑วางพร้อมการเรนเดอร์ทันทีโดยไม่ต้องใช้ปลั๊กอิน
องค์กรต้องการให้ผู้ใช้สามารถดูตัวอย่างไฟล์ได้โดยตรง คุณสามารถเพิ่มโซนลาก‑และ‑วางที่อัปโหลดเอกสาร สร้าง URL ดูที่ลงลายเซ็น และแสดงผลลัพธ์โดยไม่ต้องใช้ปลั๊กอินบนไคลเอนต์ วัฏจักรทั้งหมดทำงานภายในแบ็กเอนด์ .NET ของคุณ — ซึ่งทำให้คุณสามารถเก็บบันทึกการตรวจสอบได้ เนื่องจากการบันทึกเป็นของคุณเอง
กระบวนการฝั่งไคลเอนต์ (เชิงแนวคิด)
- ผู้ใช้ลากไฟล์ไปยังพื้นที่ที่กำหนด
- JavaScript ส่งไฟล์ไปยัง endpoint ของ ASP.NET Core
- endpoint เก็บไฟล์อย่างปลอดภัยและคืนค่า URL ดูที่ลงลายเซ็น
- หน้าเว็บแทรก
<div>ที่มีdata‑doc‑urlชี้ไปยัง URL นั้น - สคริปต์ของแอป Doconut เรนเดอร์เอกสารโดยทันที
การเรนเดอร์เกิดขึ้นบนเซิร์ฟเวอร์ของคุณ ดังนั้นควรวางแผนไว้: นี่คือที่ใช้ CPU และหน่วยความจำ และการขยายขนาดขึ้นอยู่กับจำนวนผู้ดูพร้อมกัน ไม่ใช่จำนวนผู้ใช้ ตรวจสอบตำแหน่งที่ SDK เขียนผลลัพธ์การเรนเดอร์ชั่วคราวและให้แน่ใจว่ามีการทำความสะอาดไฟล์เหล่านั้น — ไฟล์ที่หลงเหลือในไดเรกทอรีชั่วคราวเป็นส่วนที่มักถูกมองข้ามที่สุดในการผสานรวม
การดูอย่างสม่ำเสมอในกระบวนการทำงานบน Windows
ตัวดูไฟล์ในเบราว์เซอร์สามารถเป็นจุดเริ่มต้นที่สม่ำเสมอสำหรับผู้ใช้แอปพลิเคชัน Windows ภายในโดยไม่ต้องพึ่งโปรแกรมเอกสารบนเดสก์ท็อป ทีมงานควรทดสอบเบราว์เซอร์ที่รองรับ ขนาดหน้าจอ วิธีการป้อนข้อมูล ความซับซ้อนของเอกสาร และความต้องการด้านการเข้าถึง แทนการสันนิษฐานว่าพฤติกรรมจะเหมือนกันในทุกสภาพแวดล้อม
การขยายตัวดูไฟล์ด้วย Blazor – เก็บทุกอย่างไว้ในระบบนิเวศ .NET ของคุณ
หากทีมของคุณชอบวิธีการที่เน้นคอมโพเนนต์ คุณสามารถห่อสคริปต์ฝั่งไคลเอนต์ของตัวดูไฟล์ไว้ในคอมโพเนนต์ Blazor ไม่ว่าจะใช้โมเดลโฮสติ้งแบบใดก็ตาม สิ่งนี้ทำให้การผสานรวมอยู่ภายในโลก .NET โปรดทราบว่าโมเดลโฮสติ้งมีผลต่อที่ที่โค้ด UI ของคุณทำงานเท่านั้น — การเรนเดอร์เอกสารยังคงทำบนเซิร์ฟเวอร์ในทุกกรณี
โครงร่างคอมโพเนนต์ Blazor (เชิงแนวคิด)
- ฉีดบริการที่สามารถสร้าง URL ดูที่ปลอดภัยสำหรับไฟล์ ID ที่กำหนด
- เมื่อเริ่มต้น ให้ร้องขอ URL จากบริการ
- หลังจากคอมโพเนนต์เรนเดอร์แล้ว ให้เริ่มต้นตัวดูไฟล์โดยใช้ API การผสานรวมที่รองรับสำหรับเวอร์ชัน Doconut ที่ติดตั้ง
คอมโพเนนต์ Blazor สามารถประสานสถานะของตัวดูไฟล์ในขณะที่แบ็กเอนด์ยังคงรับผิดชอบการเข้าถึงและประมวลผลเอกสาร สิ่งนี้ทำให้กระบวนการทำงานอยู่ภายในแอปพลิเคชัน .NET โดยไม่ต้องสันนิษฐานเกี่ยวกับ API JavaScript สากล
ประเด็นสำคัญ
- ไม่มีปลั๊กอิน ช่วยลดความยุ่งยากในการติดตั้ง คำเตือนด้านความปลอดภัย และปัญหาความเข้ากันได้
- SDK เรนเดอร์ ไฟล์นามสกุล 75 ประเภท — PDF, Office, CAD, อีเมลและรูปภาพ — บนเซิร์ฟเวอร์, ไม่ได้ในเบราว์เซอร์
- การผสานรวม: สร้าง URL ดูที่ลงลายเซ็นบนเซิร์ฟเวอร์และแสดงหน้าที่คืนค่าในคอนเทนเนอร์
- การอัปโหลดแบบลาก‑และ‑วางพร้อมการพรีวิวในที่เดียวช่วยให้ผู้ใช้ดำเนินการต่อเนื่อง
- มันทำงานเช่นเดียวกันบน เดสก์ท็อป, แท็บเล็ตและมือถือ, เนื่องจากเบราว์เซอร์แสดงผลลัพธ์มาตรฐานเท่านั้น
- นักพัฒนา Blazor สามารถห่อตัวดูไฟล์ในคอมโพเนนต์ .NET
- ความปลอดภัยเป็นสถาปัตยกรรม ไม่ใช่รายการคุณลักษณะ: ไฟล์ต้นฉบับไม่เคยถึงไคลเอนต์ และเอกสารไม่เคยออกจากโครงสร้างพื้นฐานของคุณ การเข้ารหัสที่พัก, การหมดอายุของ URL ที่ลงลายเซ็นและการบันทึกการตรวจสอบเป็นสิ่งที่คุณต้องดำเนินการ — และ Doconut ไม่มีการรับรอง ISO 27001, SOC 2 หรือ HIPAA ใด ๆ ให้พึ่งพา
คำถามทั่วไป
Q: ฉันต้องติดตั้งอะไรบนเครื่องลูกค้าหรือไม่?
A: ไม่. ตัวดู Doconut App ทำงานทั้งหมดในเบราว์เซอร์โดยใช้ HTML5 และ JavaScript. ผู้ใช้ต้องการเพียงเบราว์เซอร์สมัยใหม่—ไม่ต้องติดตั้ง ActiveX, Java, หรือ Flash.
Q: มันจัดการไฟล์ขนาดใหญ่อย่างไร?
A: หน้าได้รับการเรนเดอร์และส่งตามที่ต้องการ, ดังนั้นผู้อ่านสามารถกระโดดไปยังหน้าที่ต้องการได้โดยไม่ต้องรอเอกสารทั้งหมด. โปรดทราบว่าการทำงานนี้ทำโดยเซิร์ฟเวอร์ของคุณ — ทดสอบด้วยไฟล์จริงที่ใหญ่ที่สุดของคุณเพื่อกำหนดขนาด. บนเว็บไซต์ฟรีที่ doconut.app ขีดจำกัดเป็นของเราและกำหนดตามรูปแบบ: 25 MB สำหรับ PDF, 10 MB สำหรับภาพวาด CAD.
เริ่มต้นกับ Doconut App วันนี้
พร้อมที่จะกำจัดปลั๊กอินเก่าออกจากแอปพลิเคชัน .NET บน Windows ของคุณหรือยัง? ประเมิน Doconut SDK กับเบราว์เซอร์, รูปแบบเอกสาร, และภาระงานที่องค์กรของคุณใช้.