NoCAPTCHA reCAPTCHA集成步骤
实例研究地址
访问Google NoCAPTCHA reCAPTCHA官方文档:https://developers.google.com/recaptcha/docs/v2
步骤一:前端集成
- 引入reCAPTCHA脚本:
将以下脚本添加到HTML页面,用于加载reCAPTCHA。
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
- 添加reCAPTCHA到表单:
在您的表单中添加一个div,并设置相应的类别为g-recaptcha
,同时指定data-sitekey属性。
<form action="/your-server-endpoint" method="post">
<div class="g-recaptcha" data-sitekey="your_site_key"></div>
<input type="submit" value="Submit">
</form>
步骤二:后端验证
提交表单后,需要在后端进行验证以确保响应的有效性。
- 服务器端验证:
使用您的密钥和用户的响应进行后端验证。
import requests
from flask import Flask, request
app = Flask(__name__)
@app.route('/your-server-endpoint', methods=['POST'])
def verify_recaptcha():
secret_key = "your_secret_key"
recaptcha_response = request.form.get('g-recaptcha-response')
verification_url = "https://www.google.com/recaptcha/api/siteverify"
payload = {
'secret': secret_key,
'response': recaptcha_response
}
response = requests.post(verification_url, data=payload)
result = response.json()
if result['success']:
return "CAPTCHA verified successfully!"
else:
return "CAPTCHA verification failed!", 400
if __name__ == "__main__":
app.run()