Post Detail

Laravel

Menambahkan Captcha Laravel

by Asep Ependi
05 July 2021
1681 views

Selamat datang kembali di website asepit yang selalu memberikan informasi - informasi mengenai dunia teknologi khususnya pada bidang Komputer, Pemograman, dan juga Jaringan. Bagaimana kabar kalian semua, mudah - mudahan dalam keadaan sehat wal afiat dan selalu dilancarkan rezekinya. Pembahasan kali ini mengenai cara menambah Captcha pada Laravel dan disini saya menggunakan Laravel V5.8, sebenarnya apa sih keuntungan menggunakan Captcha ? Salah satu keunggulannya yaitu untuk pelindung sebuah situs web dari spam ataupun dapat juga mencegah hacker melakukan aktivitas online yang tidak wajar. Oke, kita langsung ke langkah-langkahnya

1. Buat project baru / bisa juga langsung diterapkan di project yang sedang dikembangkan

2. Tambahkan syntak pada app->Providers->AppServiceProvider.php

public function boot()

{
  Schema::defaultStringLength(191);
}

3. Tambahkan Auth untuk membuat login & register dengan perintah berikut

php artisan make:auth

4. Lanjut ke penginstalan captcha dengan menggunakan perintah berikut

composer require mews/captcha=2.0

atau bisa juga menambahkan di composer.json seperti ini,

{
   "require": {
      "laravel/framework": "5.8.*",
      "mews/captcha": "~2.0"
   },
}

dan setelah selesai lanjut update dengan perintah berikut

composer update -vvv

5. Tambah pada config/app.php

'providers' => [
    // .....
    Mews\Captcha\CaptchaServiceProvider::class,
]

'aliases' => [
    // .....
   'Captcha' => Mews\Captcha\Facades\Captcha::class,
]

6. Publikasi config dengan perintah berikut

php artisan vendor:publish

7. Lanjut kita tambahkan syntak di resources->views->auth->register

<div class="form-group row">
  <label for="captcha" class="col-md-4 col-form-label text-md-right">{{ __('Captcha') }}</label>
  <div class="col-md-6">
    <div class="captcha">
      <span>{!! captcha_img('math') !!}</span>
    </div>

    <input id="captcha" type="text" class="form-control mt-2 @error('password') is-invalid @enderror" name="captcha" required autocomplete="off">
    @error('captcha')
      <span class="invalid-feedback" role="alert">
         <strong>{{ $message }}</strong>
      </span>
    @enderror
  </div>
</div>

8. Untuk merubah Captcha dari Huruf ke Matematika tambahkan pada {!! captcha_img('math') !!} ataupun sebaliknya jika ingin menggunakan Huruf saja hapus math yang di dalam kurung

captcha 1 captcha 2

9. Tambahkan validasi Captcha di app->Http->Controller->Auth->RegisterController.php

protected function validator(array $data)
{
   return Validator::make($data,[
        //......
        'captcha' => 'required|captcha'
   ]);
}

10. Selesai....

Mungkin hanya itu untuk pembahasan kali ini mudah - mudahan dapat bermanfaat bagi kita semua. Dan mohon ma'af bila terdapat kesalahan dan kekurangan dalam penyampaian saya, jangan lupa kunjungi juga platform lainnya dibawah ini. Cukup sekian dan Terima Kasih!!!

Youtube klik disini
Fans Page klik disini
Website klik disini