正在公司做一个商城项目,由于只有一个后台,所以注册用短信注册也就轮到我来做的。刚刚开始,我内心还是有点虚的,还好有 Laravel-china 社区的 summer 大神,写的书。在里面参考了它的写法和思路,并且用了 easy-sms 包,这才用了半个下午的时间,顺利的做出来了,晚上赶紧和大家分享一波了。
1、确定短信运营商
我看到大佬都是用的云片,我也就毫不犹豫的大力推荐公司用这个短信平台了,不过其他的也可以咯。
首先自己注册一个帐号,然后找到这个
点击开始接入,完成新手引导过程。
第二部的签名和模板必须填写,类似我下面填写的这样
值得注意的是这个模板必须和你到时候用 easy-sms 包的时候,设定的短信内容必须和这个一模一样,不然会报错的。
还有就是记得一定得拿到APIKEY。到时候,在env里进行配置。
# 云片YUNPIAN_API_KEY=9c60bdd**********
2、安装 easy-sms 包
利用这个包,可以快速的实现短信发送功能。
composer require "overtrue/easy-sms"
由于该组件还没有 Laravel 的 ServiceProvider ,为了方便使用,我们可以自己封装一下。
首先在 config 目录中增加 easysms.php 文件
在 config/easysms.php 填写如下内容。
<?phpreturn [ // HTTP 请求的超时时间(秒) "timeout" => 5.0, // 默认发送配置 "default" => [ // 网关调用策略,默认:顺序调用 "strategy" => OvertrueEasySmsStrategiesOrderStrategy::class, // 默认可用的发送网关 "gateways" => [ "yunpian", ], ], // 可用的网关配置 "gateways" => [ "errorlog" => [ "file" => "/tmp/easy-sms.log", ], "yunpian" => [ "api_key" => env("YUNPIAN_API_KEY"), ], ],];然后创建一个 ServiceProvider
php artisan make:provider EasySmsServiceProvider
修改文件 app/providers/EasySmsServiceProvider.php
<?phpnamespace AppProviders;use OvertrueEasySmsEasySms;use IlluminateSupportServiceProvider;class EasySmsServiceProvider extends ServiceProvider{ /** * Bootstrap the application services. * * @return void */ public function boot() { // } /** * Register the application services. * * @return void */ public function register() { $this->app->singleton(EasySms::class, function ($app) { return new EasySms(config("easysms")); }); $this->app->alias(EasySms::class, "easysms"); }}最后在 config/app.php 在 providers 里增加刚刚创建的服务写进去,AppProvidersEasySmsServiceProvider::class,
AppProvidersAppServiceProvider::class,AppProvidersAuthServiceProvider::class,// AppProvidersBroadcastServiceProvider::class,AppProvidersEventServiceProvider::class,AppProvidersRouteServiceProvider::class,AppProvidersEasySmsServiceProvider::class, //easy-sms
3、创建路由和对应的控制器
首先创建路由,我们需要一个ajax请求短信验证码的方法,和一个进行确认注册的逻辑方法,如下:
Route::group(["prefix" => "verificationCodes", "as" => "verificationCodes."], function() { Route::post("register", "VerificationCodesController@register")->name("register"); Route::get("ajaxregister", "VerificationCodesController@ajaxregister")->name("ajaxregister"); });路由创建好了,我们用命令生成controller了
php artisan make:controller HomeVerificationCodesController
再直接在里面写 register 和 ajaxregister 方法了
代码逻辑
修改文件
app/Home/VerificationCodesController.php
<?php...use OvertrueEasySmsEasySms;use AppModelsSystemUser;class VerificationCodesController extends Controller{ // 这里验证就不写了。 public function ajaxregister(VerificationCodeRequest $request, EasySms $easySms) { //获取前端ajax传过来的手机号 $phone = $request->phone; // 生成4位随机数,左侧补0 $code = str_pad(random_int(1, 9999), 4, 0, STR_PAD_LEFT); try { $result = $easySms->send($mobile, [ "content" => "【安拾商城】您的验证码是{$code}。如非本人操作,请忽略本短信" ]); } catch (OvertrueEasySmsExceptionsNoGatewayAvailableException $exception) { $response = $exception->getExceptions(); return response()->json($response); } //生成一个不重复的key 用来搭配缓存cache判断是否过期 $key = "verificationCode_" . str_random(15); $expiredAt = now()->addMinutes(10); // 缓存验证码 10 分钟过期。 Cache::put($key, ["mobile" => $mobile, "code"=> $code], $expiredAt); return response()->json([ "key" => $key, "expired_at" => $expiredAt->toDateTimeString(), ], 201); }这样,用户就能收到短信,并且前端应该保存这个 key ,提交注册表单的时候传递给后台,判断是否已经过期。下面就是判断是否过期,验证码是否错误。
public function register(VerificationCodeRequest $request){ //获取刚刚缓存的验证码和key $verifyData = Cache::get($request->verification_key); //如果数据不存在,说明验证码已经失效。 if(!$verifyData) { return response()->json(["status" =>0, "message"=> "短信验证码已失效"], 422); } // 检验前端传过来的验证码是否和缓存中的一致 if (!hash_equals($verifyData["code"], $request->verification_code) { return redirect()->back()->with("warning", "短信验证码错误"); } $user = User::create([ "mobile" => $verifyData["mobile"], "password" => bcrypt($request->password), ]); // 清除验证码缓存 Cache::forget($request->verification_key); return redirect()->route("login")->with("success", "注册成功!"); }上面的 hash_equals 是可防止时序攻击的字符串比较的~
以上就是我整个的过程。