OnlineDocumentViewer が Doconut SDK でブラウザ内にドキュメントをレンダリングする方法

OnlineDocumentViewer は PDF、Word ファイル、CAD 図面、その他多数のフォーマットを直接ウェブページ内に表示します。これは、重い処理を Doconut SDK に委任することで実現します。Doconut SDK はサーバーサイドのレンダリングエンジンで、元のファイルをピクセル単位で完璧な画像ストリームに変換し、その画像を軽量な JavaScript ラッパーを通じてブラウザにストリーミングします。

Doconut SDK: すべてのプレビューの背後にあるレンダリングコア

Doconut SDK は 50 以上のネイティブファイルタイプ – PDF、DOCX、XLSX、PPTX、DWG、PSD、SVG など – を理解します。リクエストが届くと、Doconut はソースドキュメントを解析し、フォントやレイヤーを解決して、元のレイアウトとピクセル単位で一致するラスタ表現を生成します。変換がサーバー側で行われるため、クライアントは Microsoft Office、AutoCAD、その他デスクトップアプリケーションを必要としません。

トークンからピクセルへ: エンドツーエンドのリクエストフロー

トークン署名付き URL を生成 – バックエンドは OnlineDocumentViewer REST API を呼び出し、ファイル識別子と disableDownload: true などのオプションフラグを渡します。API は暗号トークンを埋め込んだ短命の URL を返します。
サーバーが Doconut を呼び出す – OnlineDocumentViewer サービスはリクエストを Doconut SDK に転送し、サンドボックス環境でファイル変換を実行します。
ピクセルストリームが返送される – Doconut はレンダリングされたページを画像タイルとしてストリーミングします。SDK はタイルを結合してスクロール可能なキャンバスにし、ズームレベルとスクロール位置を保持します。
ビューアがキャンバスを表示 – フロントエンドはプラグイン不要でシームレスなプレビューを受け取り、ネイティブ PDF ビューアのように動作します。

このフローは .NET バックエンド、Node.js サービス、または HTTP リクエストを発行できる任意のプラットフォームでも同様に機能し、「クロスプラットフォーム」要件を満たします。

ピクセルパーフェクトな忠実度: 高忠実度レンダリングが UI にもたらすもの

高忠実度レンダリングは、すべての文字、ベクタ形状、レイヤーがソース作者の意図通りに正確に表示されることを保証します。埋め込み OpenType フォントを含む PDF では、Doconut がフォントデータを抽出し、要求されたズームレベルで各グリフをラスタライズするため、代替フォントが表示されません。CAD 図面（DWG）では、線幅、ハッチパターン、レイヤーの可視性が歪みなく再現されます。結果として、ネイティブデスクトップアプリで開くのと同一のプレビューが得られ、スクリーンショットに頼らざるを得ない視覚的ギャップが解消されます。

セキュリティ、プライバシー、GDPR コンプライアンスが組み込まれた機能

トークンベースのアクセス制御 – すべてのプレビュー URL には署名付きトークンが含まれ、サーバーは Doconut を呼び出す前にそのトークンを検証します。トークンが欠如または期限切れの場合、リクエストは拒否されます。
自動ファイル削除 – レンダリングパイプラインが完了すると、元のファイルは一時ストレージから削除されます。サーバーに永続的なコピーは残りません。
エンドツーエンド暗号化 – フロントエンド、OnlineDocumentViewer サービス、Doconut 間のすべての通信は TLS 上で行われます。
ドメイン制限 – ビューアの読み込みを許可するドメインをホワイトリストに登録でき、クリックジャッキング攻撃を防止します。

これらの保護策により、厳格なデータ保護規制を満たす必要がある SaaS 製品にドキュメントプレビューを埋め込むことができます。

スケール時でもサブ秒のロード時間

Doconut が強力なクラウドインスタンスで変換を行うため、ほとんどのドキュメントはクライアントが Windows、macOS、Linux、iOS、Android のいずれであっても 1 秒未満でレンダリングされます。ビューアは現在表示されているタイルのみをストリーミングするため、モバイルネットワークでも帯域使用量が低く抑えられます。アーキテクチャはクラウドネイティブで、複数のレンダリングサービスインスタンスがグローバルロードバランサの背後でオートスケールし、世界中で一貫したレイテンシを提供します。

次に試すこと

Online Document Viewer にサインアップし（https://onlinedocumentviewer.com）、サンプル PDF をアップロードします。

Doconut のウェブサイトでレンダリングエンジンの詳細を確認してください: https://doconut.com。
追加の統合ガイドについては、https://doconut.app をご覧ください。