正在公司做一個(gè)商城項(xiàng)目，由于只有一個(gè)后臺(tái)，所以注冊(cè)用短信注冊(cè)也就輪到我來做的。剛剛開始，我內(nèi)心還是有點(diǎn)虛的，還好有 Laravel-china 社區(qū)的 summer 大神，寫的書。在里面參考了它的寫法和思路，并且用了 easy-sms 包，這才用了半個(gè)下午的時(shí)間，順利的做出來了，晚上趕緊和大家分享一波了。
1、確定短信運(yùn)營商
我看到大佬都是用的云片，我也就毫不猶豫的大力推薦公司用這個(gè)短信平臺(tái)了，不過其他的也可以咯。
首先自己注冊(cè)一個(gè)帳號(hào)，然后找到這個(gè)
點(diǎn)擊開始接入，完成新手引導(dǎo)過程。
第二部的簽名和模板必須填寫，類似我下面填寫的這樣
值得注意的是這個(gè)模板必須和你到時(shí)候用 easy-sms 包的時(shí)候，設(shè)定的短信內(nèi)容必須和這個(gè)一模一樣，不然會(huì)報(bào)錯(cuò)的。
還有就是記得一定得拿到APIKEY。到時(shí)候，在env里進(jìn)行配置。
# 云片
YUNPIAN_API_KEY=9c60bdd**********
2、安裝 easy-sms 包
利用這個(gè)包，可以快速的實(shí)現(xiàn)短信發(fā)送功能。
composer require "overtrue/easy-sms"
由于該組件還沒有 Laravel 的 ServiceProvider ，為了方便使用，我們可以自己封裝一下。
首先在 config 目錄中增加 easysms.php 文件
在 config/easysms.php 填寫如下內(nèi)容。
?php
return [
// HTTP 請(qǐng)求的超時(shí)時(shí)間（秒）
'timeout' => 5.0,
// 默認(rèn)發(fā)送配置
'default' => [
// 網(wǎng)關(guān)調(diào)用策略，默認(rèn)：順序調(diào)用
'strategy' => \Overtrue\EasySms\Strategies\OrderStrategy::class,
// 默認(rèn)可用的發(fā)送網(wǎng)關(guān)
'gateways' => [
'yunpian',
],
],
// 可用的網(wǎng)關(guān)配置
'gateways' => [
'errorlog' => [
'file' => '/tmp/easy-sms.log',
],
'yunpian' => [
'api_key' => env('YUNPIAN_API_KEY'),
],
],
];
然后創(chuàng)建一個(gè) ServiceProvider
php artisan make:provider EasySmsServiceProvider
修改文件 app/providers/EasySmsServiceProvider.php
?php
namespace 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 里增加剛剛創(chuàng)建的服務(wù)寫進(jìn)去，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、創(chuàng)建路由和對(duì)應(yīng)的控制器
首先創(chuàng)建路由，我們需要一個(gè)ajax請(qǐng)求短信驗(yàn)證碼的方法，和一個(gè)進(jìn)行確認(rèn)注冊(cè)的邏輯方法，如下：
Route::group(['prefix' => 'verificationCodes', 'as' => 'verificationCodes.'], function() {
Route::post('register', 'VerificationCodesController@register')->name('register');
Route::get('ajaxregister', 'VerificationCodesController@ajaxregister')->name('ajaxregister');
});
路由創(chuàng)建好了，我們用命令生成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
{
// 這里驗(yàn)證就不寫了。
public function ajaxregister(VerificationCodeRequest $request, EasySms $easySms)
{
//獲取前端ajax傳過來的手機(jī)號(hào)
$phone = $request->phone;
// 生成4位隨機(jī)數(shù)，左側(cè)補(bǔ)0
$code = str_pad(random_int(1, 9999), 4, 0, STR_PAD_LEFT);
try {
$result = $easySms->send($mobile, [
'content' => "【安拾商城】您的驗(yàn)證碼是{$code}。如非本人操作，請(qǐng)忽略本短信"
]);
} catch (Overtrue\EasySms\Exceptions\NoGatewayAvailableException $exception) {
$response = $exception->getExceptions();
return response()->json($response);
}
//生成一個(gè)不重復(fù)的key 用來搭配緩存cache判斷是否過期
$key = 'verificationCode_' . str_random(15);
$expiredAt = now()->addMinutes(10);
// 緩存驗(yàn)證碼 10 分鐘過期。
\Cache::put($key, ['mobile' => $mobile, 'code'=> $code], $expiredAt);
return response()->json([
'key' => $key,
'expired_at' => $expiredAt->toDateTimeString(),
], 201);
}
這樣，用戶就能收到短信，并且前端應(yīng)該保存這個(gè) key ，提交注冊(cè)表單的時(shí)候傳遞給后臺(tái)，判斷是否已經(jīng)過期。下面就是判斷是否過期，驗(yàn)證碼是否錯(cuò)誤。
public function register(VerificationCodeRequest $request)
{
//獲取剛剛緩存的驗(yàn)證碼和key
$verifyData = \Cache::get($request->verification_key);
//如果數(shù)據(jù)不存在，說明驗(yàn)證碼已經(jīng)失效。
if(!$verifyData) {
return response()->json(['status' =>0, 'message'=> '短信驗(yàn)證碼已失效'], 422);
}
// 檢驗(yàn)前端傳過來的驗(yàn)證碼是否和緩存中的一致
if (!hash_equals($verifyData['code'], $request->verification_code) {
return redirect()->back()->with('warning', '短信驗(yàn)證碼錯(cuò)誤');
}
$user = User::create([
'mobile' => $verifyData['mobile'],
'password' => bcrypt($request->password),
]);
// 清除驗(yàn)證碼緩存
\Cache::forget($request->verification_key);
return redirect()->route('login')->with('success', '注冊(cè)成功！');
}
上面的 hash_equals 是可防止時(shí)序攻擊的字符串比較的~
以上就是我整個(gè)的過程。
您可能感興趣的文章:- Laravel中使用阿里云OSS Composer包分享
- Laravel框架中實(shí)現(xiàn)使用阿里云ACE緩存服務(wù)
- Laravel中擴(kuò)展Memcached緩存驅(qū)動(dòng)實(shí)現(xiàn)使用阿里云OCS緩存
- 阿里對(duì)象存儲(chǔ)OSS在laravel框架中的使用方法
- Laravel框架實(shí)現(xiàn)發(fā)送短信驗(yàn)證功能代碼
- 使用 laravel sms 構(gòu)建短信驗(yàn)證碼發(fā)送校驗(yàn)功能
- laravel中短信發(fā)送驗(yàn)證碼的實(shí)現(xiàn)方法
- 用Laravel Sms實(shí)現(xiàn)laravel短信驗(yàn)證碼的發(fā)送的實(shí)現(xiàn)
- 在 Laravel 中 “規(guī)范” 的開發(fā)短信驗(yàn)證碼發(fā)送功能
- laravel框架使用阿里云短信發(fā)送消息操作示例
