Comment OnlineDocumentViewer rend les documents dans le navigateur avec le SDK Doconut

OnlineDocumentViewer affiche les PDF, les fichiers Word, les dessins CAD et des dizaines d’autres formats directement à l’intérieur de n’importe quelle page web. Il le fait en déléguant le travail lourd au SDK Doconut, un moteur de rendu côté serveur qui convertit le fichier original en un flux d’images pixel‑parfait, puis transmet ces images au navigateur via un wrapper JavaScript léger.

SDK Doconut : le cœur de rendu derrière chaque aperçu

Doconut SDK comprend plus de 50 types de fichiers natifs – PDF, DOCX, XLSX, PPTX, DWG, PSD, SVG, et bien d’autres. Lorsqu’une requête arrive, Doconut analyse le document source, résout les polices et les calques, et produit une représentation raster qui correspond à la mise en page originale pixel pour pixel. Comme la conversion s’effectue sur le serveur, le client n’a jamais besoin de Microsoft Office, AutoCAD ou de toute autre application de bureau.

Du jeton aux pixels : le flux de requête de bout en bout

1. Générer une URL signée par un jeton – Votre back‑end appelle l’API REST OnlineDocumentViewer, en transmettant l’identifiant du fichier et des options facultatives telles que disableDownload: true. L’API renvoie une URL à courte durée de vie qui intègre un jeton cryptographique.
2. Le serveur invoque Doconut – Le service OnlineDocumentViewer transmet la requête au SDK Doconut, qui effectue la conversion du fichier dans un environnement sandbox.
3. Le flux d’images est renvoyé – Doconut diffuse les pages rendues sous forme de tuiles d’image. Le SDK assemble les tuiles dans un canevas défilable, préservant les niveaux de zoom et les positions de défilement.
4. Le visualiseur affiche le canevas – Le front‑end voit un aperçu fluide, sans plugin, qui se comporte comme un visualiseur PDF natif.

Ce flux fonctionne de la même manière pour un back‑end .NET, un service Node.js ou toute plateforme capable d’émettre une requête HTTP, répondant ainsi à l’exigence « multi‑plateforme ».

Fidélité pixel‑parfait : ce que signifie le rendu haute fidélité pour votre UI

Le rendu haute fidélité garantit que chaque glyphe, forme vectorielle et calque apparaît exactement comme l’auteur du document l’a prévu. Pour un PDF contenant des polices OpenType intégrées, Doconut extrait les données de police et rasterise chaque glyphe au niveau de zoom demandé, évitant ainsi l’apparition de polices de secours. Pour un dessin CAD (DWG), les épaisseurs de ligne, les hachures et la visibilité des calques sont reproduites sans distorsion. Le résultat est un aperçu identique à l’ouverture du fichier dans son application de bureau native, éliminant les écarts visuels qui obligent souvent les développeurs à recourir à des captures d’écran.

Sécurité, confidentialité et conformité GDPR intégrées

• Contrôle d’accès basé sur un jeton – Chaque URL d’aperçu contient un jeton signé que le serveur valide avant d’appeler Doconut. Si le jeton est absent ou expiré, la requête est rejetée.
• Suppression automatique du fichier – Une fois le pipeline de rendu terminé, le fichier original est supprimé du stockage temporaire. aucune copie persistante ne reste sur le serveur.
• Chiffrement de bout en bout – Tout le trafic entre votre front‑end, le service OnlineDocumentViewer et Doconut transite via TLS.
• Restrictions de domaine – Vous pouvez mettre en liste blanche les domaines autorisés à charger le visualiseur, empêchant ainsi les attaques de click‑jacking.

Ces garde‑fous vous permettent d’intégrer des aperçus de documents dans des produits SaaS qui doivent respecter des réglementations strictes de protection des données.

Temps de chargement sous une seconde même à grande échelle

Comme Doconut effectue la conversion sur de puissantes instances cloud, la plupart des documents sont rendus en moins d’une seconde, quel que soit le système d’exploitation du client (Windows, macOS, Linux, iOS ou Android). Le visualiseur ne diffuse que les tuiles actuellement visibles, ce qui maintient une consommation de bande passante faible même sur les réseaux mobiles. L’architecture est cloud‑native : plusieurs instances du service de rendu s’autoscaling derrière un répartiteur de charge global, offrant une latence constante partout dans le monde.

Ce que vous pouvez essayer ensuite

1. Inscrivez‑vous sur Online Document Viewer (https://onlinedocumentviewer.com) et téléversez un PDF d’exemple.

Explorez davantage le moteur de rendu sur le site Doconut : https://doconut.com.
Pour des guides d’intégration supplémentaires, visitez https://doconut.app.