Come OnlineDocumentViewer renderizza i documenti nel browser con Doconut SDK

OnlineDocumentViewer mostra PDF, file Word, disegni CAD e decine di altri formati direttamente all'interno di qualsiasi pagina web. Lo fa delegando il lavoro pesante a Doconut SDK, un motore di rendering lato server che converte il file originale in un flusso di immagini pixel‑perfect, per poi trasmettere queste immagini al browser tramite un leggero wrapper JavaScript.

Doconut SDK: Il nucleo di rendering dietro ogni anteprima

Doconut SDK supporta più di 50 tipi di file nativi – PDF, DOCX, XLSX, PPTX, DWG, PSD, SVG e molti altri. Quando arriva una richiesta, Doconut analizza il documento sorgente, risolve i font e i livelli, e produce una rappresentazione raster che corrisponde al layout originale pixel per pixel. Poiché la conversione avviene sul server, il client non ha mai bisogno di Microsoft Office, AutoCAD o di qualsiasi altra applicazione desktop.

Dal token ai pixel: il flusso di richiesta end‑to‑end

Genera un URL firmato con token – Il tuo backend chiama l'API REST di OnlineDocumentViewer, passando l'identificatore del file e flag opzionali come disableDownload: true. L'API restituisce un URL a vita breve che incorpora un token crittografico.
Il server invoca Doconut – Il servizio OnlineDocumentViewer inoltra la richiesta a Doconut SDK, che esegue la conversione del file in un ambiente sandbox.
Il flusso di pixel viene restituito – Doconut trasmette le pagine renderizzate come tasselli immagine. L'SDK unisce i tasselli in una tela scrollabile, preservando i livelli di zoom e le posizioni di scorrimento.
Il visualizzatore mostra la tela – L'interfaccia vede un'anteprima fluida, senza plugin, che si comporta come un visualizzatore PDF nativo.

Questo flusso funziona allo stesso modo per un backend .NET, un servizio Node.js o qualsiasi piattaforma in grado di inviare una richiesta HTTP, soddisfacendo il requisito “multipiattaforma”.

Fedeltà pixel‑perfect: cosa significa il rendering ad alta fedeltà per la tua UI

Il rendering ad alta fedeltà garantisce che ogni glifo, forma vettoriale e livello appaia esattamente come l'autore originale ha previsto. Per un PDF che contiene font OpenType incorporati, Doconut estrae i dati del font e rasterizza ogni glifo al livello di zoom richiesto, così non compaiono font di riserva. Per un disegno CAD (DWG), spessori delle linee, trame di riempimento e visibilità dei livelli sono riprodotti senza distorsioni. Il risultato è un'anteprima che appare identica all'apertura del file nella sua applicazione desktop nativa, eliminando le lacune visive che spesso costringono gli sviluppatori a ricorrere a screenshot.

Controllo di accesso basato su token – Ogni URL di anteprima contiene un token firmato che il server valida prima di invocare Doconut. Se il token è mancante o scaduto, la richiesta viene rifiutata.
Cancellazione automatica del file – Dopo che la pipeline di rendering è terminata, il file originale viene rimosso dall'archiviazione temporanea. Nessuna copia persistente rimane sul server.
Crittografia end‑to‑end – Tutto il traffico tra la tua interfaccia, il servizio OnlineDocumentViewer e Doconut avviene tramite TLS.
Restrizioni di dominio – Puoi inserire nella whitelist i domini autorizzati a caricare il visualizzatore, prevenendo attacchi di click‑jacking.

Queste salvaguardie ti consentono di incorporare anteprime di documenti nei prodotti SaaS che devono rispettare rigide normative sulla protezione dei dati.

Tempi di caricamento sub‑secondo anche su larga scala

Poiché Doconut esegue la conversione su potenti istanze cloud, la maggior parte dei documenti viene renderizzata in meno di un secondo, indipendentemente dal fatto che il client utilizzi Windows, macOS, Linux, iOS o Android. Il visualizzatore trasmette solo i tasselli attualmente visibili, così l'utilizzo della larghezza di banda rimane basso anche su reti mobili. L'architettura è cloud‑native: più istanze del servizio di rendering si scalano automaticamente dietro un bilanciatore di carico globale, fornendo latenza costante in tutto il mondo.

Cosa provare dopo

Registrati su Online Document Viewer (https://onlinedocumentviewer.com) e carica un PDF di esempio.

Scopri di più sul motore di rendering sul sito Doconut: https://doconut.com.
Per ulteriori guide di integrazione, visita https://doconut.app.