적응형 양식에 CAPTCHA 사용

CAPTCHA(컴퓨터와 인간을 구분하기 위해 완전히 자동화된 공공 튜링 테스트)는 사람과 자동화된 프로그램 또는 보트 간 식별을 위해 온라인 거래에서 일반적으로 사용되는 프로그램입니다. 문제가 발생하고 사용자 응답을 평가하여 사이트와 상호 작용하는 사람 또는 봇인지 확인합니다. 이는 사용자가 테스트에 실패할 경우 진행하지 못하도록 하고 보트가 스팸 또는 악의적인 목적을 게시하지 못하도록 하여 온라인 거래를 안전하게 하도록 도와줍니다.

AEM Forms은 적응형 양식의 CAPTCHA를 지원합니다. Google의 reCAPTCHA 서비스를 사용하여 CAPTCHA를 구현할 수 있습니다.

노트
  • AEM Forms은 reCaptcha v2만 지원합니다. 다른 버전은 지원되지 않습니다.
  • 적응형 양식의 CAPTCHA는 AEM Forms 앱의 오프라인 모드에서 지원되지 않습니다.

Google에 의한 ReCAPTCHA 서비스 구성

양식 작성자는 Google의 reCAPTCHA 서비스를 사용하여 적응형 양식에 CAPTCHA를 구현할 수 있습니다. 사이트를 보호하는 고급 CAPTCHA 기능을 제공합니다. reCAPTCHA의 작동 방법에 대한 자세한 내용은 Google reCAPTCHA을 참조하십시오.

Recaptcha

AEM Forms에서 reCAPTCHA 서비스를 구현하려면:

  1. Google에서 reCAPTCHA API 키 쌍을 가져옵니다. 사이트 키와 비밀이 포함되어 있습니다.

  2. 클라우드 서비스의 구성 컨테이너를 만듭니다.

    1. 도구 > 일반 > 구성 브라우저​로 이동합니다.

    2. 클라우드 구성에 대한 글로벌 폴더를 활성화하거나 이 단계를 건너뛰어 클라우드 서비스 구성에 대한 다른 폴더를 만들고 구성하려면 다음을 수행합니다.

      1. 구성 브라우저에서 전역 폴더를 선택하고 속성​을 탭합니다.

      2. 구성 속성 대화 상자에서 클라우드 구성​을 활성화합니다.

      3. 저장 및 닫기​를 눌러 구성을 저장하고 대화 상자를 종료합니다.

    3. 구성 브라우저에서 만들기​를 탭합니다.

    4. 구성 만들기 대화 상자에서 폴더 제목을 지정하고 클라우드 구성​을 활성화합니다.

    5. 만들기​를 눌러 클라우드 서비스 구성에 대해 활성화된 폴더를 만듭니다.

  3. reCAPTCHA에 대한 클라우드 서비스를 구성합니다.

    1. AEM 작성자 인스턴스에서 tools-1 > Cloud Services​으로 이동합니다.
    2. reCAPTCHA​을(를) 누릅니다. 구성 페이지가 열립니다. 이전 단계에서 만든 구성 컨테이너를 선택하고 만들기​를 누릅니다.
    3. reCAPTCHA 서비스의 이름, 사이트 키 및 비밀 키를 지정하고 만들기​를 눌러 클라우드 서비스 구성을 만듭니다.
    4. 구성 요소 편집 대화 상자에서 1단계에서 얻은 사이트 및 비밀 키를 지정합니다. 설정 저장​을 누른 다음 확인​을 눌러 구성을 완료합니다.

    reCAPTCHA 서비스가 구성되면 적응형 양식에서 사용할 수 있습니다. 자세한 내용은 응용 양식에 CAPTCHA 사용을 참조하십시오.

적응형 양식에 CAPTCHA 사용

적응형 양식에서 CAPTCHA를 사용하려면:

  1. 편집 모드에서 적응형 양식을 엽니다.

    노트

    응용 양식을 만들 때 선택한 구성 컨테이너에 reCAPTCHA 클라우드 서비스가 포함되어 있는지 확인합니다. 적응형 양식 속성을 편집하여 양식과 연관된 구성 컨테이너를 변경할 수도 있습니다.

  2. 구성 요소 브라우저에서 Captcha 구성 요소를 적응형 양식으로 드래그하여 놓습니다.

    노트

    응용 양식에 둘 이상의 Captcha 구성 요소 사용이 지원되지 않습니다. 또한 레이지 로딩으로 표시된 패널이나 조각에서 CAPTCHA를 사용하는 것이 좋습니다.

    노트

    Captcha는 시간에 민감하며 1분 후에 만료됩니다. 따라서 적응형 양식의 [제출] 단추 바로 앞에 Captcha 구성 요소를 배치하는 것이 좋습니다.

  3. 추가한 Captcha 구성 요소를 선택하고 cmppr을 눌러 해당 속성을 편집합니다.

  4. CAPTCHA 위젯의 제목을 지정합니다. 기본값은 Captcha​입니다. 제목을 표시하지 않으려면 제목 숨기기를 선택합니다.

  5. Captcha 서비스 드롭다운에서 reCaptcha​를 선택하여 Google](#google-recaptcha)의 ReCAPTCHA 서비스에 설명된 대로 reCAPTCHA 서비스를 구성한 경우 reCAPTCHA 서비스를 활성화합니다. [ 설정 드롭다운에서 구성을 선택합니다. 또한 reCAPTCHA 위젯의 경우 크기를 Normal 또는 Compact​로 선택합니다.

    노트

    기본 AEM CAPTCHA 서비스가 사용되지 않으므로 Captcha 서비스 드롭다운에서 기본값​을 선택하지 마십시오.

  6. 속성을 저장합니다.

reCAPTCHA 서비스는 응용 양식에서 활성화됩니다. 양식을 미리 보고 CAPTCHA가 작동하는지 확인할 수 있습니다.

이 페이지에서는