사전 요구 사항
- WordPress 6.0 이상
- PHP 7.4 이상
- Didit 콘솔 계정
1단계: Didit 자격 증명 가져오기
- business.didit.me에서 가입하거나 로그인합니다.
- API & Webhooks로 이동하여 API 키를 복사합니다.
- 워크플로로 이동하여 워크플로를 만들거나 선택한 뒤 워크플로 ID를 복사합니다.
API 키 없이 UniLink URL을 사용해 인증 흐름을 미리 볼 수 있습니다.
콘텐츠 제한과 WooCommerce 인증 요구 사항에는 API 키와 워크플로 ID를 사용하는 API Session 모드를 사용하세요.
UniLink 완료만으로는 보호된 콘텐츠에 접근하거나 주문을 승인할 수 없습니다.
2단계: 플러그인 설치
- 0.3.4 릴리스에서
didit-verify-0.3.4.zip을 다운로드합니다. - WordPress 관리자 화면에서 플러그인 → 새로 추가 → 플러그인 업로드로 이동합니다.
- 다운로드한 ZIP 파일을 선택하고 지금 설치를 클릭합니다.
- 활성화를 클릭합니다.
Didit Verify는 WordPress.org에도 등록되어 있습니다.
설치하기 전에 버전을 확인하세요. 이 문서에서 설명하는 서버 확인 기반 인증 동작을 사용하려면 0.3.4 이상이어야 합니다.
0.3.4부터는 승인된 인증이 나중에 거부되거나, 만료되거나, 다시 검토 상태로 돌아가면 보호된 콘텐츠에 대한 접근이 취소됩니다.
디렉터리에 이전 버전이 표시되어 있다면 위의 릴리스 ZIP 파일을 설치하세요.
3단계: 플러그인 구성
설정 → Didit Verify로 이동합니다.모드 선택
UniLink를 사용하는 경우: 모드를 “UniLink”로 설정하고 URL을 붙여 넣은 뒤 저장합니다.
API Session을 사용하는 경우: 모드를 “API Session”으로 설정하고 워크플로 ID와 API 키를 입력한 뒤 저장합니다.
API 키는 서버에 안전하게 저장되며 방문자에게 절대 노출되지 않습니다.
세션 옵션 구성 (API 모드에서만)
다음은 더 세밀하게 제어할 수 있도록 제공되는 선택 설정입니다.- Vendor Data: 각 인증을 Didit 대시보드의 특정 사용자와 연결하여 누가 인증했는지 추적할 수 있습니다. 기본값은 WordPress 사용자 ID(예:
wp-42)입니다. 사용자 이메일, 사용자 지정 접두사를 선택하거나 이 기능을 끌 수도 있습니다. - Callback URL: 인증이 끝난 뒤 사용자를 리디렉션할 사이트의 페이지입니다. Didit은 쿼리 매개변수로
verificationSessionId와status를 추가합니다. - Callback Method: 리디렉션을 처리할 기기를 지정합니다.
initiator(인증을 시작한 기기),completer(인증을 마치는 기기),both중에서 선택합니다. - Language: 54개 언어 중에서 선택하거나 브라우저에서 자동으로 감지하도록 설정할 수 있습니다.
표시 옵션 구성
- Display Mode: 모달(팝업 오버레이) 또는 Embedded(페이지 안에 인라인 표시)를 선택합니다.
- Close Button: 모달의 X 버튼을 표시하거나 숨깁니다.
- Exit Confirmation: 닫을 때 “정말 닫으시겠습니까?” 대화 상자를 표시합니다.
- Auto-close: 인증이 완료되면 모달을 자동으로 닫습니다.
- Debug Logging: SDK 이벤트를 브라우저 콘솔에 기록합니다(문제 해결용).
버튼 꾸미기
Button Appearance에서 다음 항목을 변경할 수 있습니다.- 버튼 텍스트와 성공 텍스트
- 배경색과 글자색
- 모서리 반경, 안쪽 여백, 글꼴 크기
4단계: 사이트에 인증 추가
WooCommerce 스토어의 경우
- 설정 → Didit Verify → WooCommerce에서 Require identity verification at checkout을 선택합니다.
- 인증 섹션이 표시될 위치를 선택합니다.
- 결제 페이지 상단
- 청구 정보 입력 뒤
- 주문 메모 뒤
- “주문하기” 버튼 앞(권장)
- 선택 사항으로 Product Scope를 고릅니다. 모든 제품(기본값), 선택한 제품만, 또는 선택한 제품을 제외한 모든 제품 중에서 고를 수 있습니다. 제품 편집기의 Product data → Advanced에서 Didit verification 체크박스를 선택해 제품을 표시합니다. 인증이 필요한 제품이 하나라도 장바구니에 있으면 인증이 필요합니다. 이 범위는 결제 시 인증과 구매 후 인증 모드 모두에 적용됩니다.
- 선택 사항으로 설정 → Didit Verify → WooCommerce에서 Section Title, Checkout Message, Post-purchase Message를 수정할 수 있습니다. 빈 필드는 기본 텍스트를 사용합니다.
- 선택 사항으로 Send Billing Data를 켜면 고객의 이름, 이메일, 전화번호, 주소를 Didit에 자동으로 전송하여 사전 입력과 교차 검증에 사용합니다.
국가 코드는 WooCommerce의 alpha-2 형식에서 Didit에 필요한 alpha-3 형식으로 자동 변환됩니다.
모든 WordPress 페이지의 경우
아래 숏코드를 페이지나 글에 추가합니다.Step 5: 인증된 사용자에게만 콘텐츠 제한하기 (선택 사항)
인증 상태에 따라 콘텐츠를 표시하거나 숨깁니다. 콘텐츠 제한은 로그인한 사용자와 API Session 모드로 확인된 승인을 요구합니다. 브라우저 콜백과 리디렉션 쿼리 매개변수로는 접근 권한이 부여되지 않습니다.인증 상태 확인하기
문제 해결
보안
플러그인은 보안이 적용된 백엔드 프록시 역할을 합니다. API 키는 브라우저에 절대 전달되지 않습니다. 모든 세션 요청은 다음 항목으로 보호됩니다:- CSRF nonce: 요청은 반드시 WordPress 사이트에서 시작되어야 합니다
- 로그인 요구 사항: 등록된 사용자만 세션을 생성할 수 있습니다(설정 가능)
- 속도 제한: 사용자당 시간당 10개 세션, 게스트는 IP당 시간당 3개 세션
- 입력 정제: 모든 필드는 허용 목록으로 관리되며 서버 측에서 정제됩니다
개발자용
PHP 훅
플러그인은 다른 플러그인이나 테마가 연결할 수 있는 WordPress 액션을 실행합니다:JavaScript 이벤트
인증이 완료되면 DOM 이벤트가 전달됩니다:PHP에서 인증 확인하기
didit:complete 이벤트만으로는 접근 권한을 부여하지 마십시오.