SDK 統合サンプル

Complete Integration Examples

Copy-ready examples for plain HTML/JavaScript, React, Vue, and Next.js. Plain HTML examples require no framework or build tool.

統合サンプル

Plain HTML / JavaScript

フレームワークや npm なしで script タグ、File Control、ボタン、通常の JavaScript だけで統合します。

統合サンプル

React

React のイベントから File を受け取り、Zavilo Tool を実行して結果を state に反映します。

統合サンプル

Vue

Vue の ref とイベントハンドラーを使い、結果は標準 File オブジェクトとして扱います。

統合サンプル

Next.js

Next.js Client Component で SDK を読み込み、必要に応じて自社 Route に結果を送信します。

すべてのサンプルは result.files、result.archive、result.data、result.metadata、executionId という同じ結果構造を使用します。pk_live_xxxxx は発行された Public Key に置き換えてください。