SDK 연동 예제

완성형 연동 예제

Plain HTML/JavaScript, React, Vue, Next.js 환경에서 그대로 복사해 적용할 수 있는 예제입니다. Plain HTML 예제는 프레임워크나 빌드툴이 필요 없습니다.

프레임워크나 npm 없이 script 태그, File Control, 버튼과 일반 JavaScript만으로 연동합니다.

React 이벤트에서 File 객체를 받아 Zavilo Tool을 실행하고 결과를 컴포넌트 상태에 연결합니다.

Vue ref와 이벤트 핸들러를 사용하면서 결과는 표준 브라우저 File 객체로 처리합니다.

Next.js Client Component에서 SDK를 로드하고 필요하면 자체 Route로 생성 파일을 전송합니다.

모든 예제는 result.files, result.archive, result.data, result.metadata, executionId라는 동일한 결과 구조를 사용합니다. pk_live_xxxxx는 발급받은 Public Key로 변경하세요.