Using python with flask on your server-side
from flask import request
def verify_recaptcha(self, token):
recaptcha_url = 'https://www.google.com/recaptcha/api/siteverify'
recaptcha_secret_key = 'SECRET-KEY'
payload = {
'secret': secret_key,
'response': token,
'remoteip': request.remote_addr,
}
response = requests.post(, data = payload)
result = response.json()
return result.get('success', False)
And on your client side, using React
Install official Google reCaptcha module:
npm install react-google-recaptcha
Then, in your component holding the form:
import React, {Component} from "react";
import ReCAPTCHA from "react-google-recaptcha";
class formContainer extends Component {
constructor(props) {
super(props);
this.recaptchaRef = React.createRef();
}
async apply() {
const token = await this.recaptchaRef.current.executeAsync();
let formData = new FormData();
formData.append("token", token);
//submit your form
}
render() {
return (
<div>
<form>
<input name="email"/>
<button onClick={()=> { apply(); }}>
</form>
<ReCAPTCHA ref={this.recaptchaRef} size="invisible" sitekey={SITE_KEY}/>
</div>
)
}
}