Wie OnlineDocumentViewer Dokumente im Browser mit Doconut SDK rendert

OnlineDocumentViewer zeigt PDFs, Word‑Dateien, CAD‑Zeichnungen und Dutzende weiterer Formate direkt in jeder Webseite an. Dies geschieht, indem die schwere Arbeit an das Doconut SDK delegiert wird, eine serverseitige Rendering‑Engine, die die Originaldatei in einen pixelgenauen Bildstrom konvertiert und diese Bilder dann über einen leichten JavaScript‑Wrapper an den Browser überträgt.

Doconut SDK: Der Rendering‑Kern hinter jeder Vorschau

Doconut SDK versteht mehr als 50 native Dateitypen – PDF, DOCX, XLSX, PPTX, DWG, PSD, SVG und viele weitere. Wenn eine Anfrage eintrifft, analysiert Doconut das Quelldokument, löst Schriftarten und Ebenen auf und erzeugt eine Rasterdarstellung, die das Originallayout Pixel für Pixel nachbildet. Da die Konvertierung auf dem Server erfolgt, benötigt der Client nie Microsoft Office, AutoCAD oder irgendeine andere Desktop‑Anwendung.

Vom Token zu Pixeln: Der End‑to‑End‑Anfrage‑Ablauf

Erzeugen einer token‑signierten URL – Ihr Backend ruft die OnlineDocumentViewer REST‑API auf und übergibt die Datei‑Kennung sowie optionale Flags wie disableDownload: true. Die API gibt eine kurzlebige URL zurück, die ein kryptografisches Token enthält.
Server ruft Doconut auf – Der OnlineDocumentViewer‑Dienst leitet die Anfrage an das Doconut SDK weiter, das die Dateikonvertierung in einer sandbox‑Umgebung durchführt.
Pixel‑Stream wird zurückgesendet – Doconut streamt die gerenderten Seiten als Bildkacheln. Das SDK fügt die Kacheln zu einer scrollbaren Leinwand zusammen und bewahrt Zoom‑Stufen sowie Scroll‑Positionen.
Viewer zeigt die Leinwand an – Das Front‑End erhält eine nahtlose, plugin‑freie Vorschau, die sich wie ein nativer PDF‑Betrachter verhält.

Dieser Ablauf funktioniert gleichermaßen für ein .NET‑Backend, einen Node.js‑Dienst oder jede Plattform, die eine HTTP‑Anfrage stellen kann, und erfüllt damit die Anforderung „plattformübergreifend“.

Pixel‑perfekte Treue: Was hoch‑fidelitäts Rendering für Ihre UI bedeutet

Hoch‑fidelitäts Rendering garantiert, dass jedes Glyph, jede Vektorform und jede Ebene exakt so erscheint, wie es der ursprüngliche Autor vorgesehen hat. Bei einem PDF, das eingebettete OpenType‑Schriften enthält, extrahiert Doconut die Schriftartdaten und rastert jedes Glyph auf der gewünschten Zoom‑Stufe, sodass keine Ersatzschriften erscheinen. Bei einer CAD‑Zeichnung (DWG) werden Linienstärken, Schraffurmuster und Ebenen‑Sichtbarkeit ohne Verzerrung wiedergegeben. Das Ergebnis ist eine Vorschau, die identisch mit dem Öffnen der Datei in ihrer nativen Desktop‑Anwendung aussieht und die visuellen Lücken eliminiert, die Entwickler häufig zu Screenshots zwingen.

Sicherheit, Datenschutz und GDPR‑Konformität integriert

Token‑basierte Zugriffskontrolle – Jede Vorschau‑URL enthält ein signiertes Token, das der Server vor dem Aufruf von Doconut validiert. Fehlt das Token oder ist es abgelaufen, wird die Anfrage abgelehnt.
Automatisches Löschen von Dateien – Nach Abschluss der Rendering‑Pipeline wird die Originaldatei aus dem temporären Speicher entfernt. Es bleibt keine dauerhafte Kopie auf dem Server.
End‑to‑End‑Verschlüsselung – Der gesamte Datenverkehr zwischen Ihrem Front‑End, dem OnlineDocumentViewer‑Dienst und Doconut läuft über TLS.
Domain‑Einschränkungen – Sie können die Domains, die den Viewer laden dürfen, auf eine Whitelist setzen, um Click‑Jacking‑Angriffe zu verhindern.

Diese Schutzmaßnahmen ermöglichen es Ihnen, Dokumentvorschauen in SaaS‑Produkte einzubetten, die strenge Datenschutz‑Vorschriften erfüllen müssen.

Unter‑Sekunden‑Ladezeiten sogar im großen Maßstab

Da Doconut die Konvertierung auf leistungsstarken Cloud‑Instanzen durchführt, werden die meisten Dokumente in weniger als einer Sekunde gerendert, unabhängig davon, ob der Client Windows, macOS, Linux, iOS oder Android nutzt. Der Viewer streamt nur die aktuell sichtbaren Kacheln, sodass der Bandbreitenverbrauch selbst in mobilen Netzwerken gering bleibt. Die Architektur ist cloud‑native: Mehrere Instanzen des Rendering‑Dienstes skalieren automatisch hinter einem globalen Load‑Balancer und liefern weltweit konsistente Latenzzeiten.

Was Sie als Nächstes ausprobieren können

Registrieren Sie sich bei Online Dokumentenbetrachter (https://onlinedocumentviewer.com) und laden Sie ein Beispiel‑PDF hoch.

Erfahren Sie mehr über die Rendering‑Engine auf der Doconut‑Website: https://doconut.com.
Für weitere Integrations‑Anleitungen besuchen Sie https://doconut.app.