当前位置:Gxlcms > PHP教程 > Laravel5表单中如何集成使用GooglereCAPTCHA验证码

Laravel5表单中如何集成使用GooglereCAPTCHA验证码

时间:2021-07-01 10:21:17 帮助过:27人阅读

1、简介

有时候我们需要在表单提交时使用验证码以防止灌水、机器人等恶意操作,关于验证码有很多开源库可供使用,目前使用率最高的当属Google reCAPTCHA——无论是客户端还是服务器端使用起来都很简单方便,所以这里我们以Google reCAPTCHA为例演示如何在Laravel应用的表单中嵌入验证码。

Github上有现成的集成Google reCAPTCHA到Laravel的项目: anhskohbo/no-captcha 。在这篇教程中我们将演示如何在Laravel 5中使用验证码。

2、安装&配置

我们使用Composer安装该扩展包:

composer require anhskohbo/no-captcha 2.*

安装完成后,我们需要在 config/app.php 中注册服务提供者到 providers 数组:

Anhskohbo\NoCaptcha\NoCaptchaServiceProvider::class

然后需要为站点获取Google recaptcha site key和secret-key,登录 Recaptcha Admin ,初次获取需要先注册站点:

点击“Register”,即可获取站点对应的site key和secret key:

将刚刚获取到的site key和secret key添加到 .env 文件中:

NOCAPTCHA_SECRET=[secret-key]NOCAPTCHA_SITEKEY=[site-key]

这样我们就为Laravel应用配置好了recaptcha,下面我们在表单中显示验证码。

3、在表单中集成验证码

要在视图中显示验证码,需要插入如下这行代码:

{!! app('captcha')->display(); !!}

首先我们在 routes.php 中定义一个访问路由:

Route::get('contact', function() {    return View::make('contact');});Route::post('contact', 'EnquiryController@index');

然后我们定义一个控制器 EnquiryController :

 'required',		  	'email' => 'required|email',			'subject' => 'required',			'g-recaptcha-response' => 'required|captcha',			'msg' => 'required',		);		$validator = Validator::make($data, $rules);		if ($validator->fails()){		    return Redirect::to('/contact')->withInput()->withErrors($validator);		}		else{		    // Do your stuff.		}	}}

最后我们创建一个视图文件 resources/views/contact.blade.php ,编辑其内容如下:

										Contact us									@if (count($errors) > 0)											Whoops! There were some problems with your input.

    @foreach ($errors->all() as $error)
  • {{ $error }}
  • @endforeach
@endif {!! Form::open(array('url'=>'contact','method'=>'POST', 'id'=>'myform')) !!} {!! Form::text('name','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Your Full Name')) !!} {!! Form::text('email','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Your Email')) !!} {!! Form::text('subject','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Your Subject')) !!} {!! Form::textarea('msg','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Your Full Name')) !!} {!! app('captcha')->display(); !!}

在浏览器中访问 http://laravelacademy.org/contact ,显示效果如下:

人气教程排行