正在公司做一個商城項目，由于只有一個后臺，所以注冊用短信注冊也就輪到我來做的。剛剛開始，我內心還是有點虛的，還好有 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' => /Overtrue/EasySms/Strategies/OrderStrategy::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 App/Providers;use Overtrue/EasySms/EasySms;use Illuminate/Support/ServiceProvider;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 里增加剛剛創建的服務寫進去，App/Providers/EasySmsServiceProvider::class,
App/Providers/AppServiceProvider::class,App/Providers/AuthServiceProvider::class,// App/Providers/BroadcastServiceProvider::class,App/Providers/EventServiceProvider::class,App/Providers/RouteServiceProvider::class,App/Providers/EasySmsServiceProvider::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 Home/VerificationCodesController
再直接在里面寫 register 和 ajaxregister 方法了
代碼邏輯
修改文件
app/Home/VerificationCodesController.php
<?php...use Overtrue/EasySms/EasySms;use App/Models/System/User;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 (Overtrue/EasySms/Exceptions/NoGatewayAvailableException $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 是可防止時序攻擊的字符串比較的~
以上就是我整個的過程。
新聞熱點
疑難解答
圖片精選
