메인 콘텐츠로 건너뛰기

설치

종속성 추가 및 패키지 매니저 구성
1단계 — Content Security Policy(CSP) 구성

Web SDK는 보안 및 성능을 위해 Web Workers를 사용합니다. CSP에 다음 구성을 추가하세요:

<meta
http-equiv="Content-Security-Policy"
content="
script-src 'self' 'unsafe-eval' *.googleapis.com *.acesso.io *.unico.run *.unico.io *.unico.app *.sentry.io;
worker-src 'self' blob:;
child-src 'self' blob:;
style-src 'self' 'unsafe-inline' *.googleapis.com *.acesso.io *.unico.run *.unico.io *.unico.app;
font-src 'self' https://fonts.gstatic.com *.acesso.io *.unico.run *.unico.io *.unico.app;
img-src 'self' data: blob: *.acesso.io *.unico.run *.unico.io *.unico.app;
media-src 'self' data: *.acesso.io *.unico.run *.unico.io *.unico.app;
script-src-elem 'self' 'unsafe-inline' blob: *.googleapis.com *.acesso.io *.unico.run *.unico.io *.unico.app;
connect-src *.googleapis.com *.acesso.io *.unico.run *.unico.io *.unico.app *.sentry.io"
/>
경고

애플리케이션에 CSP가 있는 경우 SDK가 올바르게 작동하려면 이 구성이 필수입니다.

2단계 — 패키지 설치

Web SDK는 npm 패키지 또는 CDN을 통해 제공됩니다.

npm install unico-webframe
3단계 — SDK 가져오기

설치 후 프로젝트에 SDK를 가져오세요.

import {
UnicoCheckBuilder,
SelfieCameraTypes,
UnicoThemeBuilder,
DocumentCameraTypes,
UnicoConfig,
LocaleTypes
} from 'unico-webframe'
4단계 — 추가 리소스 파일 다운로드

라이브니스 캡처를 수행하려면 추가 리소스 파일이 필요합니다. SDK 버전에 맞는 파일을 다운로드하여 프로젝트에 포함하세요:

SDK 버전FaceTec 리소스
3.23.79.7.114
3.23.3 → 3.23.69.7.107
3.23.0 → 3.23.19.7.102
3.22.6 → 3.22.79.7.100
3.22.59.7.99
3.22.3 → 3.22.49.7.98
3.22.29.7.96
3.22.19.7.93
3.22.09.7.90
3.21.3 → 3.21.49.7.85
3.21.29.7.82
3.21.19.7.80
3.20.10 → 3.21.09.7.76
3.20.99.7.75
3.20.89.7.73
3.20.79.7.68
3.20.5 → 3.20.69.7.65
3.20.3 → 3.20.49.7.64
3.20.29.7.63
3.20.19.7.61
3.20.09.7.55
3.19.0 → 3.19.39.7.45 → 9.7.51
3.18.x9.6.92 → 9.7.41 (레거시 표 참조)

SDK용 AI 파일도 다운로드하세요: models.zip.

공개 경로

모든 추가 파일은 프로젝트 내에서 웹에서 접근 가능한 공개 위치에 호스팅되어야 합니다.