Jak OnlineDocumentViewer renderuje dokumenty w przeglądarce przy użyciu Doconut SDK

OnlineDocumentViewer pokazuje pliki PDF, Word, rysunki CAD i dziesiątki innych formatów bezpośrednio w dowolnej stronie internetowej. Robi to, delegując ciężkie zadania na Doconut SDK, silnik renderujący po stronie serwera, który konwertuje oryginalny plik na strumień obrazów o pikselowej precyzji, a następnie przesyła te obrazy do przeglądarki przez lekką nakładkę JavaScript.

Doconut SDK: Rdzeń renderowania stojący za każdym podglądem

Doconut SDK rozumie ponad 50 natywnych typów plików – PDF, DOCX, XLSX, PPTX, DWG, PSD, SVG i wiele innych. Gdy przychodzi żądanie, Doconut analizuje dokument źródłowy, rozwiązuje czcionki i warstwy oraz tworzy reprezentację rastrową, która odwzorowuje oryginalny układ piksel po pikselu. Ponieważ konwersja odbywa się na serwerze, klient nigdy nie potrzebuje Microsoft Office, AutoCAD ani żadnej innej aplikacji desktopowej.

Od tokenu do pikseli: pełny przepływ żądania

Wygeneruj URL podpisany tokenem – Twój back‑end wywołuje REST API OnlineDocumentViewer, przekazując identyfikator pliku oraz opcjonalne flagi, takie jak disableDownload: true. API zwraca krótkotrwały URL zawierający token kryptograficzny.
Serwer wywołuje Doconut – Usługa OnlineDocumentViewer przekazuje żądanie do Doconut SDK, które wykonuje konwersję pliku w środowisku sandbox.
Strumień pikseli jest odsyłany – Doconut przesyła wyrenderowane strony jako kafelki obrazów. SDK łączy kafelki w przewijalne płótno, zachowując poziomy powiększenia i pozycje przewijania.
Podgląd wyświetla płótno – Front‑end widzi płynny podgląd bez wtyczek, działający jak natywna przeglądarka PDF.

Ten przepływ działa tak samo dla back‑endu .NET, usługi Node.js lub dowolnej platformy, która może wysłać żądanie HTTP, spełniając wymóg „wieloplatformowości”.

Pikselowa precyzja: co oznacza renderowanie wysokiej wierności dla Twojego interfejsu

Renderowanie wysokiej wierności gwarantuje, że każdy glif, kształt wektorowy i warstwa pojawiają się dokładnie tak, jak zamierzył autor źródła. Dla PDF zawierającego osadzone czcionki OpenType, Doconut wyodrębnia dane czcionki i rasteryzuje każdy glif na żądanym poziomie powiększenia, dzięki czemu nie pojawiają się czcionki zastępcze. Dla rysunku CAD (DWG) odtwarzane są wagi linii, wzory kreskowania i widoczność warstw bez zniekształceń. Efektem jest podgląd identyczny z otwarciem pliku w natywnej aplikacji desktopowej, eliminujący wizualne luki, które często zmuszają programistów do używania zrzutów ekranu.

Bezpieczeństwo, prywatność i zgodność z RODO wbudowane

Kontrola dostępu oparta na tokenie – Każdy URL podglądu zawiera podpisany token, który serwer weryfikuje przed wywołaniem Doconut. Jeśli token jest brakujący lub wygasły, żądanie jest odrzucane.
Automatyczne usuwanie plików – Po zakończeniu pipeline'u renderowania oryginalny plik jest usuwany z tymczasowego magazynu. Żadna trwała kopia nie pozostaje na serwerze.
Szyfrowanie end‑to‑end – Cały ruch pomiędzy Twoim front‑endem, usługą OnlineDocumentViewer i Doconut odbywa się przez TLS.
Ograniczenia domen – Możesz dodać do białej listy domeny, które mogą ładować podgląd, zapobiegając atakom click‑jacking.

Te zabezpieczenia pozwalają osadzać podglądy dokumentów w produktach SaaS, które muszą spełniać surowe regulacje ochrony danych.

Czasy ładowania poniżej sekundy nawet przy dużej skali

Ponieważ Doconut wykonuje konwersję na potężnych instancjach w chmurze, większość dokumentów renderuje się w mniej niż sekundę, niezależnie od tego, czy klient korzysta z Windows, macOS, Linux, iOS czy Androida. Podgląd przesyła tylko te kafelki, które są aktualnie widoczne, więc zużycie pasma pozostaje niskie nawet w sieciach mobilnych. Architektura jest natywnie chmurowa: wiele instancji usługi renderującej autoskaluje się za globalnym load balancerem, zapewniając spójną latencję na całym świecie.

Co wypróbować dalej

Zarejestruj się w Online Document Viewer (https://onlinedocumentviewer.com) i prześlij przykładowy PDF.

Dowiedz się więcej o silniku renderującym na stronie Doconut: https://doconut.com.
Aby uzyskać dodatkowe przewodniki integracyjne, odwiedź https://doconut.app.