Bubble.io에서 캡차 시스템을 구현하는 방법은 무엇인가요?

단계 1:
Bubble.io 편집기에서 플러그인 탭으로 이동하여 "reCAPTCHA" 플러그인을 검색하여 reCAPTCHA 플러그인을 설치합니다. 플러그인을 찾으면 "설치" 버튼을 클릭합니다.

단계 2:
Google 개발자 콘솔로 이동하여 reCAPTCHA API 키를 생성합니다. 이미 Google 개발자 계정이 없다면 만들어야 합니다.

단계 3:
Google 개발자 콘솔에서 새로운 reCAPTCHA를 설정하려면 이름을 지정하고 사용하려는 검증 유형을 선택합니다. 예를 들어 "체크박스" 또는 "눈에 보이지 않는".

단계 4:
도메인을 reCAPTCHA 설정에 추가합니다. 애플리케이션의 루트 도메인만 입력하고 페이지 경로나 형식을 생략하세요(예: "yourdomain.com"을 사용하십시오. "www.yourdomain.com/page"는 사용하지 마십시오).

단계 5:
reCAPTCHA가 API 키를 생성하면 복사한 후 Bubble.io 편집기로 돌아갑니다.

단계 6:
개발 API 키를 Bubble.io 편집기 내의 플러그인 설정의 해당 "key - dev" 필드에 붙여넣습니다. 마찬가지로, 실시간 API 키를 "key - live" 필드에 붙여넣습니다.

단계 7:
captcha가 표시되길 원하는 페이지에 reCAPTCHA 요소를 추가합니다. 편집기에서 "Visual theme" 및 "Element size"와 같은 옵션을 사용자 지정하여 애플리케이션의 외관에 맞게 조정할 수 있습니다.

단계 8:
Workflow 탭에서, captcha로 보호되어야 하는 이벤트에 조건을 추가합니다. 예를 들어, 가입 또는 제출 양식이 있는 경우, reCAPTCHA 체크박스가 확인된 경우에만 트리거되는 워크플로우를 만들 수 있습니다.

단계 9:
개발 모드에서 앱을 실행하고 양식을 작성하여 captcha가 표시되고 예상대로 작동하는지 확인해 보세요. 모든 게 잘 작동한다면 앱의 라이브 버전에서도 동일하게 시도해 보세요.

단계 10:
애플리케이션을 모니터링하고 라이브 프로덕션 도메인에 변동이 있을 경우 Google 개발자 콘솔에서 도메인을 업데이트하여 reCAPTCHA가 계속 제대로 작동하도록 합니다.

그게 다야! 이제 Bubble.io 애플리케이션에는 스팸과 남용으로부터 사이트를 보호하기 위해 captcha 시스템이 구현되었습니다.