Didit과 React를 활용한 실시간 신원 확인 대시보드 구축 (KO)
Didit의 강력한 API와 WebSocket을 React 프런트엔드와 통합하여 동적이고 실시간 신원 확인 대시보드를 구축하는 방법을 알아보세요.

실시간 업데이트의 중요성신원 확인에 있어 사용자 상태에 대한 즉각적인 피드백은 원활한 온보딩 경험과 사기 방지에 필수적입니다. 일괄 업데이트를 기다리면 지연과 마찰이 발생할 수 있습니다.
WebSocket을 통한 즉각적인 통신WebSocket은 클라이언트와 서버 간에 지속적이고 전이중 통신 채널을 제공하여 지속적인 폴링 없이 실시간 확인 상태 업데이트를 푸시하는 데 필수적입니다.
Didit의 웹훅 및 API로 통합 간소화Didit의 강력한 웹훅 시스템은 확인 이벤트에 대한 즉각적인 알림을 제공하여 개발자가 실시간 데이터를 사용자 지정 대시보드에 쉽게 수집하고 처리할 수 있도록 합니다.
Didit은 복잡한 KYC 워크플로우를 조율합니다모듈식 AI 기반 플랫폼과 노코드 워크플로우 엔진을 통해 Didit은 기업이 복잡한 신원 확인 프로세스를 설계하고 자동화할 수 있도록 지원하여 실시간 대시보드가 모니터링에 더욱 효과적이도록 합니다.
실시간 신원 확인의 필요성
오늘날 빠르게 변화하는 디지털 경제에서 사용자 온보딩 및 규정 준수는 속도와 효율성을 요구합니다. 수동 검토 또는 지연된 일괄 업데이트를 수반하는 기존의 신원 확인 프로세스는 상당한 사용자 이탈과 운영 병목 현상을 초래할 수 있습니다. 사용자가 ID 스캔 및 생체 확인을 완료한 후 계정이 활성화될 때까지 몇 시간 또는 며칠을 기다려야 한다고 상상해 보십시오. 이러한 마찰은 전환율과 사용자 만족도에 직접적인 영향을 미칩니다.
실시간 신원 확인 대시보드는 이러한 문제를 정면으로 해결합니다. 각 확인 시도의 상태에 대한 즉각적인 업데이트를 제공함으로써 기업은 합법적인 사용자를 신속하게 승인하고, 의심스러운 활동에 플래그를 지정하고, 즉각적인 피드백을 제공할 수 있습니다. 이는 사용자 경험을 향상시킬 뿐만 아니라 규정 준수 및 사기 팀에 시기적절한 정보를 제공하여 중요한 결정을 내릴 수 있도록 지원합니다. 신규 고객 온보딩, 서비스에 대한 연령 제한 설정(Didit의 연령 추정 활용), AML 규정 준수 보장(Didit의 AML 심사 및 모니터링 사용) 등 어떤 경우에도 실시간 가시성은 가장 중요합니다.
Didit의 웹훅을 활용한 즉각적인 이벤트 알림
모든 실시간 시스템의 기반은 이벤트 발생 시 즉각적인 알림을 받는 능력입니다. Didit 플랫폼은 강력한 웹훅 시스템을 제공하여 확인 세션이 진행되거나 완료되는 즉시 지정된 엔드포인트로 업데이트를 푸시합니다. 이를 통해 지속적인 폴링이 필요 없어 API 호출을 줄이고 필요한 시점에 정확하게 정보를 얻을 수 있습니다.
사용자가 Didit의 ID 확인(OCR, MRZ, 바코드), 수동 및 능동 생체 확인 또는 1:1 얼굴 일치 등을 포함하는 확인 프로세스를 거치면 Didit은 구성된 웹훅 URL로 자세한 페이로드를 보냅니다. 이 페이로드에는 세션 ID, 현재 상태(예: '대기 중', '완료됨', '실패') 및 개별 검사 결과와 같은 중요한 정보가 포함됩니다. 예를 들어, 사용자가 생체 확인을 성공적으로 통과하면 즉각적인 알림을 받게 되어 대시보드가 지연 없이 상태를 업데이트할 수 있습니다.
이를 설정하려면 Didit 비즈니스 콘솔에서 웹훅 URL을 구성하기만 하면 됩니다. 그러면 Didit은 모든 관련 이벤트에 대해 이 URL로 HTTP POST 요청을 보냅니다. 웹훅 리스너 역할을 하는 백엔드 서버는 이러한 이벤트를 처리합니다. 이때 실시간 통신의 마법이 시작되는데, 서버가 WebSocket을 사용하여 연결된 클라이언트에 이러한 업데이트를 브로드캐스트할 수 있기 때문입니다.
실시간 브리지 구축: 서버 측 WebSocket
백엔드가 Didit의 웹훅 알림을 받으면 다음 단계는 이러한 업데이트를 프런트엔드 대시보드로 실시간으로 전달하는 것입니다. 이때 WebSocket이 등장합니다. 상태 비저장 및 연결 비연결성인 기존 HTTP 요청과 달리 WebSocket은 서버와 클라이언트 브라우저 간에 지속적인 양방향 통신 채널을 설정합니다. 즉, 클라이언트가 지속적으로 새 데이터를 요청할 필요 없이 서버가 클라이언트에 업데이트를 푸시할 수 있습니다.
백엔드(예: Socket.IO가 있는 Node.js, WebSocket이 있는 Python 또는 Gorilla WebSocket이 있는 Go)에서 WebSocket 서버를 구현합니다. Didit 웹훅이 도착하면 서버는 페이로드를 구문 분석하고 관련 확인 상태 및 세부 정보를 추출한 다음 이 정보를 연결된 모든 대시보드 클라이언트에 브로드캐스트합니다. 예를 들어, user_id_123에 대한 확인 세션이 '대기 중'에서 '완료됨'으로 변경되면 서버는 새 상태 및 세션 세부 정보와 함께 'verification_update'와 같은 WebSocket 이벤트를 내보냅니다. 이렇게 하면 대시보드를 보는 모든 사람이 최신 상태를 즉시 확인할 수 있습니다.
React 및 WebSocket으로 동적 프런트엔드 생성
프런트엔드에서는 React 애플리케이션이 상호 작용적이고 동적인 대시보드를 구축하는 데 탁월한 선택입니다. React의 컴포넌트 기반 아키텍처는 복잡한 데이터를 쉽게 관리하고 표시할 수 있게 하며, 가상 DOM은 효율적인 업데이트를 보장합니다. React 앱에 WebSocket을 통합하는 것은 socket.io-client 또는 네이티브 WebSocket API와 같은 라이브러리를 사용하여 간단하게 수행할 수 있습니다.
React 컴포넌트는 마운트될 때 WebSocket 서버에 연결됩니다. 'verification_update' 이벤트가 수신되면 컴포넌트의 상태가 업데이트되어 다시 렌더링을 트리거하고 새 확인 상태를 즉시 반영할 수 있습니다. 진행 중인 확인 목록을 표시하고, 상태별로 색상을 지정하고(예: 완료는 녹색, 실패는 빨간색, 대기는 노란색), 자세한 세션 정보를 위한 드릴다운 보기를 제공할 수도 있습니다. 이러한 실시간 피드백 루프는 정적 보고서를 살아있는 반응형 대시보드로 전환하여 운영자가 Didit의 ID 확인, 생체 확인 및 AML 심사 결과를 실시간으로 모니터링할 수 있도록 합니다.
Didit이 도움이 되는 방법
Didit은 AI 기반의 개발자 우선 신원 플랫폼으로 설계되어 실시간 신원 확인 대시보드의 완벽한 기반이 됩니다. 모듈식 아키텍처를 통해 ID 확인 및 수동 및 능동 생체 확인부터 AML 심사 및 모니터링, NFC 확인에 이르기까지 필요한 신원 확인을 정확하게 구성할 수 있습니다. 이러한 각 구성 요소는 웹훅을 통해 즉시 푸시되는 이벤트를 생성하여 실시간 대시보드에 중요한 데이터를 제공합니다.
Didit은 다음을 통해 두각을 나타냅니다.
- 무료 핵심 KYC: 초기 비용 없이 필수 신원 확인 기능을 시작하여 모든 규모의 기업이 접근할 수 있도록 합니다.
- 모듈식 아키텍처: 플러그 앤 플레이 신원 확인으로 사용자 지정 워크플로우를 구축하여 대시보드가 모니터링해야 하는 데이터를 정확하게 반영하도록 합니다.
- AI 기반 처리: 당사의 고급 AI는 수동 검토를 최소화하고 확인 시간을 단축하여 대시보드의 실시간 상태 업데이트를 더 빠르게 제공하는 데 직접적으로 기여합니다.
- 설치비 없음: 숨겨진 비용 없이 원활하게 통합하여 실시간 대시보드와 같은 강력한 애플리케이션 구축에 리소스를 집중할 수 있습니다.
웹훅을 통해 즉각적이고 세분화된 데이터를 제공함으로써 Didit은 운영 효율성을 높이고 규정 준수를 개선하며 우수한 사용자 경험을 제공하는 고도로 반응적인 대시보드를 구축할 수 있도록 지원합니다. 깔끔한 API와 즉각적인 샌드박스 액세스를 제공하는 당사의 개발자 우선 접근 방식은 이러한 기능을 가능한 한 원활하게 통합할 수 있도록 보장합니다.
시작할 준비가 되셨습니까?
Didit을 실제로 보고 싶으십니까? 지금 무료 데모를 받아보세요.
Didit의 무료 등급으로 무료로 신원을 확인하세요.