The documentation is sparse below is a simple working example of a Invisible reCAPTCHA client server setup using client side JavaScript and a NodeJS server.
This example is setup as a very simple voting API endpoint where you POST your email along with your reCAPTCHA response. The API will return a different message along with the submitted email depending on wether you passed the reCAPTCHA challenge or not.
<html>
<head>
<script src="https://www.google.com/recaptcha/api.js"></script>
| version: "3.2" | |
| services: | |
| nginx-proxy: | |
| image: jwilder/nginx-proxy | |
| ports: | |
| - "3000:80" # change to "80:80" for production | |
| volumes: | |
| - /var/run/docker.sock:/tmp/docker.sock:ro |
| #!/bin/bash | |
| set -e | |
| # Must fill these values out for the script to work | |
| droplet_name="" | |
| digitalocean_access_token="" | |
| # For more info check out: | |
| # Dockers Machine Digital Ocean Driver: https://docs.docker.com/machine/drivers/digital-ocean/#options | |
| # Docker Swarm: https://docs.docker.com/engine/swarm/ |
| /** | |
| * @param { Promise } promise | |
| * @param { Object= } errorExt - Additional Information you can pass to the err object | |
| * @return { Promise } | |
| */ | |
| function to(promise, errorExt) { | |
| return promise | |
| .then(function (data) { return [null, data]; }) | |
| .catch(function (err) { | |
| if (errorExt) { |
| {"lastUpload":"2018-08-29T15:24:17.471Z","extensionVersion":"v3.1.0"} |
| {"lastUpload":"2017-08-09T21:26:46.541Z","extensionVersion":"v2.8.2"} |
| <div class="privacy-policy"> | |
| <h1>Privacy Policy</h1> | |
| <section id="privacy-information-we-collect"> | |
| <h3>What information do we collect?</h3> | |
| <p>We collect information from you when you register on our site, place an order, subscribe to our newsletter, respond to a survey or fill out a form.</p> | |
| <p>When ordering or registering on our site, as appropriate, you may be asked to enter your: name, e-mail address, mailing address, phone number, credit card information or social security number. You may, however, visit our site anonymously. | |
| Google, as a third party vendor, uses cookies to serve ads on your site. Google's use of the DART cookie enables it to serve ads to your users based on their visit to your sites and other sites on the Internet. Users may opt out of the use of the DART cookie by visiting the Google ad and content network privacy policy.</p> | |
| </section> |
| # post_loc.txt contains the json you want to post | |
| # -p means to POST it | |
| # -H adds an Auth header (could be Basic or Token) | |
| # -T sets the Content-Type | |
| # -c is concurrent clients | |
| # -n is the number of requests to run in the test | |
| ab -p post_loc.txt -T application/json -H 'Authorization: Token abcd1234' -c 10 -n 2000 http://example.com/api/v1/locations/ |
made with esnextbin