Làm cách nào để đặt Google CAPTCHA trong HTML?
|
Một trong những vấn đề lớn mà chúng tôi gặp phải trên các trang web của mình là việc các “bot” sử dụng các biểu mẫu để phát tán “thư rác” và điều đó dẫn đến việc sử dụng quá nhiều tài nguyên máy chủ của chúng tôi, chẳng hạn như CPU và bộ nhớ. Show Về cơ bản, quy trình này là kết quả của các thuật toán xác định các dạng trang web của chúng tôi (ví dụ: liên hệ) và bắt đầu gửi thông tin trong đó quá nhiều và tự động. Với điều này, việc tạo ra "thư rác" cuối cùng trở thành một vấn đề đối với các dịch vụ email của chúng tôi hoặc thậm chí đối với cơ sở dữ liệu của ứng dụng của chúng tôi Một cách để bảo vệ trang web của chúng tôi (các biểu mẫu của chúng tôi) khỏi những robot này là triển khai xác minh loại “hình ảnh xác thực”, trong đó một trường được thêm vào có thể xác minh xem người dùng có thực sự là con người hay không Vậy thì. Trong bài đăng này, tôi sẽ chỉ cho bạn cách sử dụng “reCAPTCHA” của Google (https. //Google. com/recaptcha/admin) trong trang web của bạn và do đó tránh được sự tích tụ “thư rác” Bước đầu tiên là xác thực bằng tài khoản Google của bạn và truy cập vào địa chỉ. https. //Google. com/recaptcha/quản trị viên Trên trang này, chúng tôi sẽ thêm một trang web mới. Trong trường “Nhãn”, bạn xác định tên mình muốn, để nhớ tốt hơn nếu bạn có nhiều “recaptchas” cho nhiều trang khác nhau. Tôi đặt tên miền chính nó Trong “Loại reCAPTCHA”, bạn có một số tùy chọn. Trong trường hợp của tôi, tôi đã chọn tùy chọn “reCAPTCHA v2” và sau đó là tùy chọn phụ “Hộp kiểm 'Tôi không phải là người máy'” Trong “Chủ sở hữu” sẽ xuất hiện email của bạn và nếu muốn, bạn có thể thêm các địa chỉ khác của những người có thể giám sát và quản lý reCAPTCHA này Khi đã xong, hãy “chấp nhận các điều khoản dịch vụ của reCAPTCHA” và sau đó nhấp vào “Gửi“ Trên trang tiếp theo, 2 khóa sẽ được tạo Điều quan trọng là bạn sao chép 2 khóa đã được tạo này (khóa trang web và khóa bí mật). Chúng tôi sẽ sử dụng cái đầu tiên để tạo trường “Tôi không phải là người máy” trong biểu mẫu của chúng tôi và cái thứ hai chúng tôi sẽ sử dụng để xác thực xác minh bất cứ khi nào biểu mẫu của chúng tôi được gửi Trên trang web của chúng tôi bây giờ, điều đầu tiên chúng tôi phải làm là thêm tệp “javascript” sẽ giúp chúng tôi chèn và xác thực hình ảnh xác thực. Trước khi đóng thẻ “head” của trang chứa biểu mẫu, hãy đặt đoạn mã sau <script src='https://www.google.com/recaptcha/api.js'></script>Bây giờ, hãy chuyển đến biểu mẫu mà chúng tôi muốn chèn reCAPTCHA 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <head> <title>reCAPTCHA</title> <script src='https://www.google.com/recaptcha/api.js'></script> </head> <body> <form method="post" action="verify.php"> <label>Nome:</label><input type="text" name="nome" /><br /> <label>Email:</label><input type="email" name="email" /><br /> <div class="g-recaptcha" data-sitekey="PASTE-YOUR-SITE_KEY-HERE"></div> <button type="submit">Enviar</button> </form> </body> </html>
|
