데모 웹사이트에서 reCAPTCHA 테스트

이 문서에서는 reCAPTCHA의 작동 방식을 이해하기 위해 reCAPTCHA와 통합된 샘플 웹사이트인 Google Cloud에 데모 웹사이트를 배포하는 방법을 설명합니다.

데모 웹사이트를 사용하면 다음을 수행할 수 있습니다.

  • reCAPTCHA에 대한 사용자 경험을 이해합니다.
  • 참조로 자체 애플리케이션에 reCAPTCHA를 통합합니다.
  • 샘플 애플리케이션 소스 코드를 수정하여 다양한 프런트엔드 및 백엔드 접근 방식을 실험합니다.

Java, Node.js, Python 언어 중 하나로 데모 웹사이트를 배포할 수 있습니다.

Google Cloud 프로젝트의 경우 한 번에 하나의 데모 웹사이트만 배포할 수 있습니다.

시작하기 전에

  1. In the Google Cloud console, on the project selector page, select or create a Google Cloud project.

    Go to project selector

  2. Enable the reCAPTCHA Enterprise API.

    Enable the API

  3. 이전에 데모 웹사이트를 배포한 경우 관련 데모 키를 삭제합니다.

데모 웹사이트 배포

  1. Google Cloud 콘솔에서 데모 웹사이트 페이지로 이동합니다.

    데모 웹사이트로 이동

  2. 언어 목록에서 언어를 선택합니다.

    전체 배포 프로세스에는 약 1분 정도 걸릴 수 있습니다.

  3. 메시지가 표시되면 Cloud Shell에서 사용자 인증 정보를 사용하여 호출할 수 있도록 승인합니다.

  4. 새 데모 주요 세부정보 페이지로 이동하려면 사이트 보기를 클릭합니다.

  5. 데모 웹사이트를 보려면 프런트엔드 카드에서 샘플 웹페이지 보기를 클릭합니다.

    별도의 탭에서 데모 웹사이트가 열립니다.

  6. reCAPTCHA를 웹사이트에 통합하기 위한 패턴에 대해 알아보려면 예시를 클릭하세요.

  7. 데모 웹사이트를 변경하려면 다음을 수행하세요.

    1. 주요 세부정보 페이지에서 소스 수정을 클릭합니다.

    2. Cloud Shell 편집기의 탐색기에서 필요한 파일을 찾고 필요에 따라 수정합니다.

      소스 코드에 저장된 변경사항이 데모 웹사이트에 다시 로드됩니다.

    Cloud Shell 편집기는 Cloud Shell을 닫고 데모 웹사이트를 중지하므로 닫지 마세요.

다음 단계