Как 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 или какое‑либо другое настольное приложение.

От токена к пикселям: сквозной поток запроса

Создать URL, подписанный токеном – Ваш бэкенд вызывает REST‑API OnlineDocumentViewer, передавая идентификатор файла и необязательные параметры, например disableDownload: true. API возвращает краткоживущий URL, в который встроен криптографический токен.
Сервер вызывает Doconut – Сервис OnlineDocumentViewer перенаправляет запрос в Doconut SDK, который выполняет конверсию файла в изолированной среде.
Поток пикселей отправляется обратно – Doconut передаёт отрендеренные страницы в виде плиток‑изображений. SDK собирает плитки в прокручиваемый холст, сохраняя уровни масштабирования и позиции прокрутки.
Просмотрщик отображает холст – Фронтенд получает бесшовную превью без плагинов, которая работает как нативный PDF‑просмотрщик.

Этот поток работает одинаково для .NET‑бэкенда, сервиса Node.js или любой платформы, способной выполнить HTTP‑запрос, удовлетворяя требование «кросс‑платформенности».

Пиксель‑точная точность: что значит высококачественный рендеринг для вашего UI

Рендеринг высокого качества гарантирует, что каждый глиф, векторная форма и слой отображаются точно так, как задумал автор исходного файла. Для PDF, содержащего встроенные OpenType‑шрифты, Doconut извлекает данные шрифта и растеризует каждый глиф на запрошенном уровне масштабирования, поэтому не появляются резервные шрифты. Для чертежа CAD (DWG) сохраняются толщина линий, штриховка и видимость слоёв без искажений. В результате превью выглядит идентично открытию файла в его нативном настольном приложении, устраняя визуальные пробелы, которые часто заставляют разработчиков прибегать к скриншотам.

Контроль доступа на основе токенов – Каждый URL превью содержит подписанный токен, который сервер проверяет перед вызовом Doconut. Если токен отсутствует или истёк, запрос отклоняется.
Автоматическое удаление файлов – После завершения конвейера рендеринга оригинальный файл удаляется из временного хранилища. На сервере не остаётся постоянных копий.
Конечное сквозное шифрование – Весь трафик между вашим фронтендом, сервисом OnlineDocumentViewer и Doconut проходит по TLS.
Ограничения по доменам – Вы можете добавить в белый список домены, которым разрешено загружать просмотрщик, предотвращая атаки click‑jacking.

Эти меры позволяют встраивать превью документов в SaaS‑продукты, которым необходимо соответствовать строгим требованиям по защите данных.

Загрузка за субсекунду даже при масштабировании

Поскольку Doconut выполняет конверсию на мощных облачных инстансах, большинство документов рендерятся менее чем за одну секунду, независимо от того, работает клиент на Windows, macOS, Linux, iOS или Android. Просмотрщик передаёт только те плитки, которые сейчас видимы, поэтому расход пропускной способности остаётся низким даже в мобильных сетях. Архитектура облачно‑нативна: несколько инстансов сервиса рендеринга автоматически масштабируются за глобальным балансировщиком нагрузки, обеспечивая стабильную задержку по всему миру.

Что попробовать дальше

Зарегистрируйтесь на Online Document Viewer (https://onlinedocumentviewer.com) и загрузите образец PDF.

Узнайте больше о движке рендеринга на сайте Doconut: https://doconut.com.
Для дополнительных руководств по интеграции посетите https://doconut.app.