핵심 구성 요소를 기반으로 하는 AEM 적응형 양식에서 Google reCAPTCHA 사용 using-reCAPTCHA-in-adaptive-forms

Google Cloud 프로젝트를 만들거나 선택하고 reCAPTCHA Enterprise API를 활성화하십시오.

프로젝트 ID를 가져오고 API 키 및 웹 사이트에 대한 사이트 키를 만듭니다.

클라우드 서비스에 대한 구성 컨테이너를 만듭니다.

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

2. 폴더를 선택하거나 폴더를 만들고 다음 단계를 사용하여 클라우드 구성에 대해 폴더를 활성화하십시오.

   1. 구성 브라우저에서 폴더를 선택하고 속성 ​을 선택합니다.
   2. 구성 속성 대화 상자에서 클라우드 구성 ​을 사용하도록 설정합니다.
   3. 구성을 저장하고 대화 상자를 종료하려면 저장 및 닫기 ​를 선택하십시오.

reCAPTCHA Enterprise에 대한 클라우드 서비스를 구성하십시오.

1. Experience Manager 작성자 인스턴스에서 > Cloud Service(으)로 이동합니다.
2. reCAPTCHA ​을(를) 선택합니다. Configurations 페이지가 열립니다. 만든 구성 컨테이너를 선택하고 만들기 ​를 선택합니다.
3. 버전을 reCAPTCHA Enterprise (으)로 선택하고 이름, 프로젝트 ID, 사이트 키 및 reCAPTCHA Enterprise 서비스에 대한 API 키(2단계에서 획득)를 지정합니다.
4. 키 유형을 선택하십시오. 키 유형은 Google Cloud 프로젝트에서 구성한 사이트 키와 동일해야 합니다(예: 확인란 사이트 키 또는 점수 기반 사이트 키).
5. 0에서 1🔗 사이의 임계값 점수를 지정하십시오. 임계값 점수보다 크거나 같은 점수는 인간 상호 작용을 식별하고, 그렇지 않으면 봇 상호 작용으로 간주됩니다.
6. 클라우드 서비스 구성을 만들려면 만들기 ​를 선택하십시오.

Google에서 reCAPTCHA API 키 쌍을(를) 가져옵니다. 여기에는 사이트 키 및 암호 키 ​가 포함됩니다.

AEM Forms as a Cloud Service 환경에서 컨테이너 를 만듭니다. 구성 컨테이너에는 AEM을 외부 서비스에 연결하는 데 사용되는 클라우드 구성이 포함됩니다. Google에서 제공하는 reCAPTCHA 서비스를 사용하여 AEM Forms 환경을 연결할 수 있도록 구성 컨테이너를 만들고 구성하려면 다음 작업을 수행하십시오.

1. AEM Forms as a Cloud Service 인스턴스를 엽니다.

2. 도구 > 일반 > 구성 브라우저로 이동합니다. 구성 브라우저에서 다음 작업을 수행할 수 있습니다.

3. 기존 폴더를 선택하거나 폴더를 만듭니다. 폴더를 만들고 이 폴더에 대해 클라우드 구성 옵션을 활성화하거나 기존 폴더에 대해 클라우드 구성 옵션을 활성화할 수 있습니다.

   • 폴더를 만들고 이 폴더에 대한 클라우드 구성 옵션을 활성화하려면 다음을 수행하십시오.

     1. 구성 브라우저에서 만들기 ​를 클릭합니다.
     2. 구성 만들기 대화 상자에서 이름, 제목을 지정하고 클라우드 구성 옵션을 선택합니다.
     3. 만들기 ​를 클릭합니다.

   • 기존 폴더에 대해 클라우드 구성 옵션을 활성화하려면 다음을 수행하십시오.

     1. 구성 브라우저에서 폴더를 선택하고 속성 ​을 선택합니다.
     2. 구성 속성 대화 상자에서 클라우드 구성 ​을 사용하도록 설정합니다.
     3. 구성을 저장하고 대화 상자를 종료하려면 저장 및 닫기 ​를 선택하십시오.

Cloud Service 구성:

1. AEM 작성자 인스턴스에서 > Cloud Service(으)로 이동하여 reCAPTCHA ​를 선택합니다.
2. 이전 섹션에서 만들거나 업데이트한 구성 컨테이너를 선택합니다. 만들기 ​를 선택합니다.
3. reCAPTCHA 서비스(1단계에서 획득)에 대해 제목, 이름, 사이트 키 및 비밀 키 ​를 지정하십시오. 만들기 ​를 선택합니다.

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

AEM Forms as a Cloud Service 인스턴스를 엽니다.

Forms > Forms 및 문서 ​로 이동합니다.

적응형 Forms을 선택하고 속성 ​을 선택합니다. 구성 컨테이너 옵션의 경우 AEM Forms과 Google의 reCAPTCHA 서비스를 연결하는 클라우드 구성이 포함된 구성 컨테이너를 선택하고 저장 및 닫기 ​를 선택합니다.

이러한 구성 컨테이너가 없는 경우 섹션 Google의 reCAPTCHA 서비스와 AEM Forms 환경 연결을 참조하여 이러한 구성 컨테이너를 만드는 방법을 알아보십시오.

적응형 Forms을 선택하고 편집 ​을 선택합니다. 적응형 양식이 적응형 Forms 편집기에서 열립니다.

구성 요소 브라우저에서 적응형 양식 reCAPTCHA 구성 요소를 적응형 양식으로 드래그 앤 드롭합니다.

적응형 양식 reCAPTCHA 구성 요소를 선택하고 속성 아이콘을 선택합니다. 속성 대화 상자가 열립니다. 다음 필수 속성을 지정합니다.

• 이름: 양식과 규칙 편집기에서 고유한 이름으로 양식 구성 요소를 쉽게 식별할 수 있지만 이름에는 공백이나 특수 문자를 사용할 수 없습니다.

• 제목: CAPTCHA 위젯의 제목을 지정합니다. 기본값은 Captcha ​입니다. 제목을 표시하지 않으려면 제목 숨기기 ​를 선택하십시오. 제목을 서식 있는 텍스트 형식으로 편집하려면 제목의 서식 있는 텍스트 허용 ​을 선택하십시오. 제목을 바인딩되지 않은 양식 요소(으)로 표시할 수도 있습니다.

• CAPTCHA 구성: 설정 드롭다운에서 reCAPTCHA Enterprise 또는 reCAPTCHA v2 ​에 대한 구성을 선택하여 양식에 대한 Google reCAPTCHA 대화 상자를 표시합니다.

  1. reCAPTCHA Enterprise 버전을 선택하는 경우 키 유형은 확인란 또는 점수 기반 ​일 수 있습니다. 웹 사이트에 대한 사이트 키를 구성할 때 선택한 항목에 따라 다릅니다.

     note note
     NOTE
     키 유형 ​이(가) checkbox(으)로 설정된 클라우드 구성에서 captcha 유효성 검사에 실패하면 사용자 지정된 오류 메시지가 인라인 메시지로 표시됩니다. 키 형식 ​이 점수 기반 ​인 클라우드 구성에서 captcha 유효성 검사에 실패하면 사용자 지정된 오류 메시지가 팝업 메시지로 표시됩니다.

     1. 크기를 **보통** 및 **작게**​로 선택할 수 있습니다.

  note note
  NOTE
  유사한 목적으로 환경에 여러 클라우드 구성이 있을 수 있습니다. 그러므로, 서비스를 신중하게 선택하십시오. 서비스가 목록에 없으면 Google의 AEM Forms 환경과 reCAPTCHA 서비스 연결을 참조하여 AEM Forms 환경과 Google의 reCAPTCHA 서비스를 연결하는 Cloud Service을 만드는 방법을 알아보십시오.

• CAPTCHA 크기: Google reCAPTCHA 챌린지 대화 상자의 표시 크기를 선택할 수 있습니다. 작은 크기를 표시하려면 Compact 옵션을 사용하고, 비교적 큰 크기의 Google reCAPTCHA 문제 대화 상자를 표시하려면 Normal 옵션을 사용하십시오.
  reCAPTCHA v2 버전을 선택하는 경우:

  1. reCAPTCHA 위젯의 크기를 보통 또는 작게(으)로 선택할 수 있습니다.
  2. 의심되는 활동이 있는 경우에만 보이지 않음 옵션을 선택하여 CAPTCHA 문제를 표시할 수 있습니다.

reCAPTCHA 서비스가 적응형 양식에서 활성화됩니다. 양식을 미리 보고 CAPTCHA가 작동하는 것을 볼 수 있습니다. 아래에 표시된 reCAPTCHA로 보호 배지가 보호된 양식에 표시됩니다.

완료 ​를 선택합니다.

이제 적응형 양식에 reCAPTCHA로 보호 ​이(가) 표시됩니다. Google reCAPTCHA 서비스를 사용하도록 구성된 모든 적응형 Forms에 표시됩니다.

이제 Google reCAPTCHA 서비스에 의해 제기된 문제를 양식 필러가 성공적으로 지운 합법적인 양식만 제출이 허용됩니다.