چگونه OnlineDocumentViewer از Doconut SDK برای رندر اسناد در مرورگر استفاده می‌کند
۱۴۰۵/۶/۲۷

چگونه OnlineDocumentViewer از Doconut SDK برای رندر اسناد در مرورگر استفاده می‌کند

کشف کنید که OnlineDocumentViewer چگونه از Doconut SDK برای رندر بیش از ۵۰ نوع فایل در مرورگر با دقت پیکسل‑به‑پیکسل، بدون نیاز به افزونه و با امنیت داخلی استفاده می‌کند.

چگونگی رندر اسناد توسط OnlineDocumentViewer در مرورگر با Doconut SDK

OnlineDocumentViewer فایل‌های PDF، Word، نقشه‌های CAD و ده‌ها فرمت دیگر را مستقیماً داخل هر صفحه وبی نمایش می‌دهد. این کار را با واگذاری کار سنگین به Doconut SDK انجام می‌دهد؛ موتوری سمت سرور که فایل اصلی را به یک جریان تصویر پیکسل‑به‑پیکسل تبدیل می‌کند و سپس این تصاویر را از طریق یک wrapper جاوااسکریپت سبک به مرورگر می‌فرستد.

Doconut SDK: هسته رندرینگ پشت هر پیش‌نمایش

Doconut SDK بیش از ۵۰ نوع فایل بومی را می‌شناسد – PDF، DOCX، XLSX، PPTX، DWG، PSD، SVG و بسیاری دیگر. وقتی درخواست می‌رسد، Doconut سند منبع را تجزیه می‌کند، فونت‌ها و لایه‌ها را حل می‌کند و یک نمایش رستر که دقیقاً همان طرح اصلی را پیکسل به پیکسل بازتولید می‌کند، تولید می‌نماید. چون تبدیل در سرور انجام می‌شود، کلاینت نیازی به Microsoft Office، AutoCAD یا هر برنامه دسکتاپ دیگری ندارد.

از توکن تا پیکسل‌ها: جریان درخواست انتها‑به‑انتها

  1. ایجاد یک URL امضاشده با توکن – بک‑اند شما API REST OnlineDocumentViewer را صدا می‌زند و شناسه فایل و پرچم‌های اختیاری مانند disableDownload: true را می‌فرستد. API یک URL کوتاه‌مدت برمی‌گرداند که توکن رمزنگاری‌شده‌ای در خود دارد.
  2. سرور Doconut را فراخوانی می‌کند – سرویس OnlineDocumentViewer درخواست را به Doconut SDK می‌فرستد؛ Doconut تبدیل فایل را در یک محیط ایزوله انجام می‌دهد.
  3. جریان تصویر به مرورگر باز می‌گردد – Doconut صفحات رندر شده را به صورت کاشی‌های تصویری استریم می‌کند. SDK این کاشی‌ها را به یک بوم قابل اسکرول می‌چسباند و سطوح زوم و موقعیت اسکرول را حفظ می‌کند.
  4. نمایشگر بوم را نمایش می‌دهد – فرانت‑اند یک پیش‌نمایش یکپارچه و بدون افزونه می‌بیند که رفتار یک نمایشگر PDF بومی را دارد.

این جریان برای بک‑اند .NET، سرویس Node.js یا هر پلتفرمی که بتواند درخواست HTTP بفرستد، به همان شکل کار می‌کند و نیاز «چند‑پلتفرمی» را برآورده می‌سازد.

دقت پیکسل‑به‑پیکسل: معنای رندرینگ با کیفیت بالا برای UI شما

رندرینگ با کیفیت بالا تضمین می‌کند که هر گلیف، شکل وکتور و لایه دقیقاً همان‌طور که نویسنده منبع قصد داشته، ظاهر شود. برای PDFهایی که شامل فونت‌های OpenType جاسازی‌شده هستند، Doconut داده‌های فونت را استخراج کرده و هر گلیف را در سطح زوم درخواست‌شده رستر می‌کند، به‌طوری که هیچ فونت جایگزینی ظاهر نشود. برای یک نقشه CAD (DWG)، وزن خطوط، الگوهای هچ و قابلیت مشاهده لایه‌ها بدون اعوجاج بازتولید می‌شوند. نتیجه یک پیش‌نمایش است که دقیقاً مشابه باز کردن فایل در برنامه دسکتاپ بومی است و خلأهای بصری که اغلب توسعه‌دهندگان را به استفاده از اسکرین‌شات مجبور می‌کند، از بین می‌برد.

امنیت، حریم خصوصی و سازگاری با GDPR به‌صورت داخلی

  • کنترل دسترسی مبتنی بر توکن – هر URL پیش‌نمایش شامل توکنی امضا شده است که سرور قبل از فراخوانی Doconut اعتبارسنجی می‌کند. اگر توکن گم شده یا منقضی باشد، درخواست رد می‌شود.
  • حذف خودکار فایل – پس از اتمام خط لوله رندرینگ، فایل اصلی از ذخیره‌سازی موقت حذف می‌شود. هیچ نسخهٔ دائمی روی سرور باقی نمی‌ماند.
  • رمزنگاری انتها‑به‑انتها – تمام ترافیک بین فرانت‑اند، سرویس OnlineDocumentViewer و Doconut از طریق TLS رمزنگاری می‌شود.
  • محدودیت‌های دامنه – می‌توانید دامنه‌هایی را که مجاز به بارگذاری ویور هستند، لیست سفید کنید و از حملات click‑jacking جلوگیری نمایید.

این تدابیر به شما امکان می‌دهد پیش‌نمایش اسناد را در محصولات SaaS که باید با مقررات سخت‌گیرانهٔ حفاظت داده مطابقت داشته باشند، جاسازی کنید.

زمان بارگذاری زیر یک ثانیه حتی در مقیاس بزرگ

چون Doconut تبدیل را بر روی نمونه‌های قدرتمند ابری انجام می‌دهد، اکثر اسناد در کمتر از یک ثانیه رندر می‌شوند، صرف‌نظر از اینکه کلاینت روی Windows، macOS، Linux، iOS یا Android باشد. ویور فقط کاشی‌های قابل مشاهده را استریم می‌کند، بنابراین مصرف پهنای باند حتی در شبکه‌های موبایلی کم می‌ماند. معماری به‌صورت cloud‑native است: چندین نمونه از سرویس رندرینگ به‌صورت خودکار پشت یک لود بالانسر جهانی مقیاس می‌یابند و تأخیر ثابت را در سراسر جهان فراهم می‌کنند.

چه کاری بعدی می‌توانید انجام دهید

  1. در نمایشگر سند آنلاین (https://onlinedocumentviewer.com) ثبت‌نام کنید و یک PDF نمونه بارگذاری کنید.

در مورد موتور رندرینگ بیشتر در وب‌سایت Doconut مطالعه کنید: https://doconut.com.
برای راهنمایی‌های تکمیلی یکپارچه‌سازی، به https://doconut.app مراجعه کنید.