간편한 신원 인증: 디딧(Didit) 아이프레임 통합 가이드

오늘날의 디지털 환경에서 원활한 사용자 경험은 무엇보다 중요합니다. 신원 확인은 종종 불가피한 절차이지만 온보딩 및 전환 퍼널에 마찰을 일으키는 요인이 되기도 합니다. 디딧은 강력하고 구현이 쉬운 아이프레임 통합을 통해 웹 애플리케이션 내에 안전하고 규정을 준수하는 신원 확인 흐름을 직접 임베딩하여 이러한 문제를 해결합니다. 이 가이드는 디딧 아이프레임 통합 프로세스, 구성 옵션 및 사용자 경험과 보안을 극대화하기 위한 모범 사례에 대한 포괄적인 개요를 제공합니다.

핵심 내용 1: 디딧의 아이프레임 통합은 복잡한 서버 측 통합 없이 웹 애플리케이션에 신원 확인을 직접 임베딩하는 안전하고 규정을 준수하는 방법을 제공합니다.

핵심 내용 2: 아이프레임 방식은 개발 노력을 최소화하고 신원 확인 기능의 빠른 배포를 가능하게 합니다.

핵심 내용 3: 아이프레임의 모양과 동작은 쉽게 사용할 수 있는 매개변수와 이벤트 리스너를 통해 사용자 정의할 수 있습니다.

핵심 내용 4: 디딧의 종량제 가격 정책은 성공적인 검증에 대해서만 비용을 지불하므로 비용 효율적인 솔루션입니다.

디딧 아이프레임 통합 이해

임베디드 신원 인증 프로세스는 아이프레임을 사용하여 웹사이트의 보안 아이프레임 요소 내에 디딧의 검증 흐름을 호스팅하는 방식으로 진행됩니다. 이 접근 방식은 다음과 같은 여러 가지 이점을 제공합니다:

• 개발 노력 감소: 최소한의 서버 측 코드가 필요합니다. 신원 확인의 복잡한 작업은 디딧 플랫폼에서 처리합니다.
• 향상된 보안: 디딧의 보안 인프라는 아이프레임 내에 격리되어 데이터 침해 위험을 최소화합니다.
• 향상된 UX: 사용자는 검증 프로세스 전반에 걸쳐 귀하의 웹사이트에 머물면서 원활한 경험을 누릴 수 있습니다.
• 시장 출시 시간 단축: 광범위한 개발 주기 없이 신원 확인 기능을 빠르게 배포할 수 있습니다.

핵심 원칙은 디딧 API에서 보안 검증 URL을 생성한 다음 해당 URL을 HTML의 <iframe> 태그 내에 임베딩하는 것입니다. 이 URL에는 사용자 식별자, 검증 유형 및 사용자 정의 구성과 같은 검증 흐름을 시작하는 데 필요한 모든 매개변수가 포함되어 있습니다.

아이프레임 구성 및 매개변수

아이프레임 구성은 검증 URL에 추가된 여러 주요 매개변수를 통해 제어됩니다. 필수적인 매개변수는 다음과 같습니다:

• user_id: (필수) 사용자에게 할당된 고유 식별자입니다.
• verification_type: (필수) 검증 흐름의 유형을 지정합니다(예: id_verification, liveness, document_verification).
• redirect_url: (선택 사항) 검증이 완료된 후(성공 또는 실패) 사용자를 리디렉션할 URL입니다.
• theme: (선택 사항) 아이프레임의 모양을 사용자 정의합니다(예: light, dark).
• width: (선택 사항) 아이프레임의 너비를 픽셀 단위로 설정합니다(기본값: 600px).
• height: (선택 사항) 아이프레임의 높이를 픽셀 단위로 설정합니다(기본값: 700px).
• language: (선택 사항) 검증 흐름의 언어를 지정합니다(예: en, es, fr).

예제 URL:

https://business.didit.me/iframe?user_id=user123&verification_type=id_verification&redirect_url=https://yourwebsite.com/verification-complete&theme=dark&width=800&height=800

웹 애플리케이션에 아이프레임 구현

디딧 아이프레임 통합을 애플리케이션에 통합하는 것은 간단합니다. 기본적인 HTML 예제는 다음과 같습니다:

<iframe src="https://business.didit.me/iframe?user_id=user123&verification_type=id_verification&redirect_url=https://yourwebsite.com/verification-complete" width="800" height="800" frameborder="0"></iframe>

중요 고려 사항:

• HTTPS: 보안을 유지하려면 웹사이트가 HTTPS를 통해 제공되는지 확인하십시오.
• CORS: 디딧의 아이프레임은 교차 출처 요청을 지원하도록 구성되어 있습니다.
• 반응형 디자인: 다양한 화면 크기에 아이프레임이 적응하도록 반응형 디자인 기술을 사용하는 것을 고려하십시오.

검증 이벤트 및 콜백 처리

디딧은 검증 프로세스에 대한 애플리케이션에 알림을 보내기 위해 이벤트 리스너 및 콜백을 제공합니다. 주요 메커니즘은 postMessage API입니다. verification_started, verification_completed, verification_failed 및 verification_error와 같은 이벤트를 수신할 수 있습니다. 이러한 이벤트에는 오류 메시지 또는 검증 결과를 포함하여 검증 상태에 대한 데이터가 포함되어 있습니다.

예제 JavaScript 이벤트 리스너:

window.addEventListener('message', function(event) {
  if (event.origin !== 'https://business.didit.me') {
    return;
  }

  const data = JSON.parse(event.data);

  switch (data.event) {
    case 'verification_completed':
      console.log('Verification completed successfully:', data.result);
      // Redirect user or update UI
      break;
    case 'verification_failed':
      console.error('Verification failed:', data.error);
      // Display error message to user
      break;
  }
});

디딧이 제공하는 도움

디딧은 임베디드 신원 인증 프로세스를 다음과 같이 간소화합니다:

• 종합적인 검증 제품군: ID 검증, 활성 감지, AML 스크리닝 등을 포함한 광범위한 검증 모듈에 액세스합니다.
• 개발자 친화적인 API: 원활한 통합을 위한 문서화가 잘 된 API 및 SDK입니다.
• 확장 가능한 인프라: 대량의 검증 요청을 쉽게 처리합니다.
• 글로벌 지원: 220개국 이상의 14,000개 이상의 문서 유형에 대한 지원.
• 경쟁력 있는 가격: 숨겨진 수수료 없이 종량제 가격 정책.

시작할 준비가 되셨나요?

오늘 더 안전하고 사용자 친화적인 경험을 구축하세요! 당사 문서를 살펴보고 무료 디딧 계정으로 시작하세요:

• 디딧 문서
• 디딧 비즈니스 콘솔
• 디딧 가격 정책