Đối với những bạn nào chưa từng tạo repatcha thì sẽ được redirect thẳng đến trang tạo captcha lần đầu, những lần sau sẽ vào trang quản lý, muốn tạo thêm các bạn chỉ cần nhấn vào dấu + Create là được:

Ở mục label bạn điền nhãn của project, hoặc tên gì cho dễ quản lý là được.

Ở mục recaptcha type bạn chọn recaptcha v2, và chọn tiếp "I'm not a robot" checkbox.

Mục domain thì điền domain mà sau này bạn deploy ứng dụng, hoặc đang phát triển thì điền là localhost như mình cũng được.

Xong rồi tích vào ô đồng ý điều khoản dịch vụ, ô Send alerts to owners bạn có thể không tích cũng được, nhưng tốt nhất cứ để đấy cho Google gửi thông báo. Sau đó nhấn Submit.

Đăng ký xong thì google sẽ cấp cho chúng ta 1 site key để sử dụng trên trang giao diện và 1 secret key để xác thực bên phía server. Tiếp tục nhấn vào Go to analytics để đến trang thống kê hoặc go to setttings để config lại thông tin captcha.

Tích hợp vào form phía client

Ở phía client chúng ta sẽ sử dụng site key , các bạn xem hướng dẫn đầy đủ của Google tại đây

Các bạn thêm script của google recaptcha vào trong phần head của trang, và trong cặp thẻ form thì thêm vào thẻ div như hình bên dưới, trong phần data-sitekey="your_site_key" thì thay your_site_key bằng site_key bạn vừa đăng ký ở trên. thẻ div này sẽ tự tạo ra 1 trường input có tên là g-recaptcha-response để gửi về phía server xác thực.

Xác thực bên phía server

Các bạn có thể xem hướng dẫn đầy đủ của Google tại đây.

Có nhiều cách để xác thực như sử dụng guzzlehttp, sử dung curl,... trong bài viết này sẽ hướng dẫn các bạn sử dụng curl có sẵn, không phải cài đặt.

Bên phía controller thì các bạn tạo function xử lý tương ứng với route, ở đây mình ví dụ 1 function xử lý Comment trong bài viết:

function postComment(Request $request,$id){

        $recaptcha_secret = "6Lc8hp0UAAAAAD7Ix0sFRazaixdqnH8x--pzV5dl";  //khóa bí mật tùy theo project
        $recaptcha_response = $request->input('g-recaptcha-response');  // token xác thực từ client gửi về
 
        $veri = curl_init();  //hàm khởi tạo
 
        $captcha_url = "https://www.google.com/recaptcha/api/siteverify";  //url xác thực của google
        //các câu lệnh set option cho biến xác thực
        curl_setopt($veri,CURLOPT_URL,$captcha_url);
        curl_setopt($veri,CURLOPT_POST,true);
        curl_setopt($veri,CURLOPT_POSTFIELDS,"secret=".$recaptcha_secret."&response=".$recaptcha_response);
        curl_setopt($veri,CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($veri,CURLOPT_RETURNTRANSFER,true);

        $recaptcha_output = curl_exec($veri); //thực thi và lấy kết quả

        curl_close($veri); //đóng 

        $decode_captcha = json_decode($recaptcha_output);  //dịch ngược json

        $captcha_status = $decode_captcha->success; //lấy giá trị key success

        if ($captcha_status == true){
            // do somethings here
            $cm->save();
            return redirect()->back()->with('thongbao','Bình luận thành công');
        }else{
            return redirect()->back()->with('thongbao','Bình luận không thành công,bạn chưa vượt qua Captcha');
        }
    }

Theo TechBlog