Hur OnlineDocumentViewer renderar dokument i webbläsaren med Doconut SDK

OnlineDocumentViewer visar PDF‑filer, Word‑dokument, CAD‑ritningar och dussintals andra format direkt i vilken webbsida som helst. Det görs genom att delegera det tunga arbetet till Doconut SDK, en server‑side renderingsmotor som konverterar originalfilen till en pixelperfekt bildström och sedan strömmar dessa bilder till webbläsaren via ett lättviktigt JavaScript‑omslag.

Doconut SDK: Renderingskärnan bakom varje förhandsgranskning

Doconut SDK förstår mer än 50 inhemska filtyper – PDF, DOCX, XLSX, PPTX, DWG, PSD, SVG och många fler. När en begäran anländer analyserar Doconut källdokumentet, löser upp teckensnitt och lager och skapar en rasterrepresentation som matchar den ursprungliga layouten pixel för pixel. Eftersom konverteringen sker på servern behöver klienten aldrig Microsoft Office, AutoCAD eller någon annan skrivbordsapplikation.

Från token till pixlar: den helhetsbaserade begäransflödet

Generera en token‑signerad URL – Din back‑end anropar OnlineDocumentViewer REST‑API:t och skickar filidentifieraren samt valfria flaggor såsom disableDownload: true. API:t returnerar en kortlivad URL som innehåller en kryptografisk token.
Servern anropar Doconut – OnlineDocumentViewer‑tjänsten vidarebefordrar begäran till Doconut SDK, som utför filkonverteringen i en sandlådemiljö.
Pixelströmmen skickas tillbaka – Doconut strömmar de renderade sidorna som bildplattor. SDK:n sammanfogar plattorna till en rullningsbar canvas, som bevarar zoomnivåer och rullningspositioner.
Visaren visar canvasen – Front‑end ser en sömlös, plugin‑fri förhandsgranskning som beter sig som en inbyggd PDF‑visare.

Detta flöde fungerar på samma sätt för en .NET‑back‑end, en Node.js‑tjänst eller någon plattform som kan göra ett HTTP‑anrop, vilket uppfyller kravet på “plattformoberoende”.

Pixel‑perfekt noggrannhet: vad högupplöst rendering betyder för ditt UI

Högupplöst rendering garanterar att varje tecken, vektorform och lager visas exakt som författaren av källfilen avsett. För en PDF som innehåller inbäddade OpenType‑teckensnitt extraherar Doconut teckensnittsdatan och rasteriserar varje tecken på den begärda zoomnivån, så inga reservteckensnitt visas. För en CAD‑ritning (DWG) reproduceras linjebredder, skraffermönster och lagersynlighet utan förvrängning. Resultatet är en förhandsgranskning som ser identisk ut med att öppna filen i dess ursprungliga skrivbordsapplikation, vilket eliminerar de visuella luckor som ofta tvingar utvecklare att använda skärmdumpar.

Säkerhet, integritet och GDPR‑efterlevnad inbyggd

Token‑baserad åtkomstkontroll – Varje förhandsgransknings‑URL innehåller en signerad token som servern validerar innan Doconut anropas. Om token saknas eller har gått ut avvisas begäran.
Automatisk filradering – När renderingspipeline avslutas tas den ursprungliga filen bort från temporär lagring. Ingen bestående kopia finns kvar på servern.
End‑to‑End‑kryptering – All trafik mellan din front‑end, OnlineDocumentViewer‑tjänsten och Doconut körs över TLS.
Domänrestriktioner – Du kan vitlista de domäner som får ladda visaren, vilket förhindrar click‑jacking‑attacker.

Dessa skyddsåtgärder låter dig bädda in dokumentförhandsgranskningar i SaaS‑produkter som måste uppfylla strikta dataskyddsregler.

Subsekundsladdningstider även i skala

Eftersom Doconut utför konverteringen på kraftfulla molninstanser renderas de flesta dokument på under en sekund, oavsett om klienten kör Windows, macOS, Linux, iOS eller Android. Visaren strömmar endast de plattor som för närvarande är synliga, så bandbreddsanvändningen förblir låg även på mobila nätverk. Arkitekturen är molnnativ: flera instanser av renderingtjänsten autoskalar bakom en global lastbalanserare och levererar konsekvent latens världen över.

Vad du kan prova härnäst

Registrera dig på Online Document Viewer (https://onlinedocumentviewer.com) och ladda upp en exempel‑PDF.

Utforska mer om renderingsmotorn på Doconut‑webbplatsen: https://doconut.com.
För ytterligare integrationsguider, besök https://doconut.app.