shape

√ Membuat Google ReCAPTCHA pada Laravel 8


Membuat Google ReCAPTCHA pada Laravel 8

Hari ini saya bakal memberikan contoh sederhana tentang Cara Membuat Captcha Menggunakan Google ReCAPTCHA. Dalam tutorial ini Anda harus menggunakan API Site Key & Secret Code dari akun google. 

Dengan menggunakan Google Re-CAPTCHA pada formulir kontak maka Google Re-CAPTCHA akan melindungi situs kita dari spam, bot, dll. 

Generate Google Site Key & Secret

Kita perlu untuk membuat site key & secret key. Pertama silahkan klik link ini : Google Recaptcha Admin

Setelah di klik Anda dapat melihat tampilan seperti gambar dibawah ini, Anda perlu untuk mendaftarkan tautan situs Anda dengan cara seperti dibawah ini :


Jika sudah berhasil mendaftar maka anda akan mendapatkan site key & secret key seprti dibawah ini :

Sekarang Anda perlu untuk menyalin site key dan menempelnya pada situs Anda. Anda dapat melihat contohnya seperti file kontak.blade.php dibawah ini  :

<form action="{{ route('kirim') }}" method="post">
                        @csrf
                      <div class="row">
                         <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
                            <div class="contact__input-wrapper mb-25">
                               <h5>Full Name</h5>
                               <div class="contact__input">
                                  <input name="nama" type="text" placeholder="Full name">
                                  <i class="fal fa-user"></i>
                               </div>
                            </div>
                         </div>
                         <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
                            <div class="contact__input-wrapper mb-25">
                               <h5>Email</h5>
                               <div class="contact__input">
                                  <input type="text" name="email" placeholder="e-mail address">
                                  <i class="fal fa-envelope"></i>
                               </div>
                            </div>
                         </div>
                      </div>
                      <div class="row">
                         <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
                            <div class="contact__input-wrapper mb-25">
                               <h5>Company Name</h5>
                               <div class="contact__input">
                                  <input type="text" name="nama_situs" placeholder="Company Name">
                                  <i class="fal fa-smile"></i>
                               </div>
                            </div>
                         </div>
                         <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
                            <div class="contact__input-wrapper mb-25">
                               <h5>Website</h5>
                               <div class="contact__input">
                                  <input type="text" name="blog" placeholder="Website">
                                  <i class="fal fa-globe"></i>
                               </div>
                            </div>
                         </div>
                      </div>
                      <div class="row">
                         <div class="col-xxl-12">
                            <div class="contact__input-wrapper mb-25">
                               <h5>Message</h5>
                               <div class="contact__input textarea">
                                  <textarea name="message" placeholder="Tell us a bil about your project"></textarea>
                                  <i class="fal fa-comment"></i>
                               </div>
                            </div>
                         </div>
                      </div>
                      <div class="row">
                         <div class="col-xxl-12">
                            <div class="contact__input-wrapper mb-25">
                               <div class="contact__input textarea">
                                <div class="g-recaptcha" data-sitekey="6Lc4X5wsxAAAAJPRaz-TOnWio0QB3werts0GTdxm"></div>
                               </div>
                            </div>
                         </div>
                      </div>
                      <div class="row">
                         <div class="col-xxl-12">
                            <button type="submit" class="m-btn m-btn-4"> <span></span> Kirim </button>
                         </div>
                      </div>
                   </form>

Dan untuk controller-nya seprti dibawah ini app\Http\Controllers\MyKontakController.php

public function kontak_send(Request $request){
        $validator = Validator::make($request->all(), [
            'nama' => 'required',
            'email' => 'required|min:3',
            'pesan' => 'required|min:3'
        ]);

        if ($validator->fails()) {
            return back()->with('info', $validator->messages()->all()[0])->withInput();
        }

        $token = $request->input('g-recaptcha-response');

        if(strlen($token) > 0){
            $kirim_pesan = [
                'nama' => $request->nama,
                'email' => $request->email,
                'pesan' => $request->pesan
            ];
            
            Mail::to('info@omjuan.com')->send(new Kontak($kirim_pesan));

            return redirect()->back()->with('success','Pesan Anda sukses terkirim');
        }else{
            return redirect()->back()->with('info','Anda harus centang "I am not robot" dulu');
        }


    }

Baca Juga : Memuat Contact Us Menggunakan Laravel

Nah, sampai disini sudah selesai ya. Jika Anda masih beingun atau ada yang error bisa langsung bertanya di kolom komentar saja.

Tagged with:
Coding tutorial Coding Web
OMJUAN.COM

OMJUAN.COM

Klik di sini untuk melihat semua postingan dari OMJUAN.COM

SEO & FOUNDER Situs OMJUAN.COM

Recent Posts

20 Aug 2021

Membuat Sitemap Dinamis Pada Laravel 8

Sitemap merupakan file yang memberikan informasi tentang website kita, mesin pencarian seperti Google membaca file Sitemap untuk meng-crawl situs deng.

read more
05 Aug 2021

Membuat Google ReCAPTCHA pada Laravel 8

Hari ini saya bakal memberikan contoh sederhana tentang Cara Membuat Captcha Menggunakan Google ReCAPTCHA. Dalam tutorial ini Anda harus menggunakan A.

read more
circle zigzag dot

Tulis komentar