时间:2021-07-01 10:21:17 帮助过:27人阅读
有时候我们需要在表单提交时使用验证码以防止灌水、机器人等恶意操作,关于验证码有很多开源库可供使用,目前使用率最高的当属Google reCAPTCHA——无论是客户端还是服务器端使用起来都很简单方便,所以这里我们以Google reCAPTCHA为例演示如何在Laravel应用的表单中嵌入验证码。
Github上有现成的集成Google reCAPTCHA到Laravel的项目: anhskohbo/no-captcha 。在这篇教程中我们将演示如何在Laravel 5中使用验证码。
我们使用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,下面我们在表单中显示验证码。
要在视图中显示验证码,需要插入如下这行代码:
{!! 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.
在浏览器中访问 http://laravelacademy.org/contact ,显示效果如下: