1500字范文 > 小程序-laravel5.5发短信验证码找回密码功能

小程序-laravel5.5发短信验证码找回密码功能

时间：2020-10-05 15:01:28

前端样式

.wxml文件

<view class="body"><form bindsubmit="formSubmit"><view class="password"><view class="one">手机号码</view><view class="two">{{mobile}}</view><view class="send" bindtap="sendMsg" wx:if="{{send}}">发送</view><view class="count_down" wx:else>{{second+'s'}}</view></view><view class="password"><view class="one">短信验证</view><input type="number" name='code' class="two" placeholder="短信验证码" maxlength="6" value="" /></view><view class="password"><view class="one">新密码</view><input type="number" name="newPassword" class="two" password="{{true}}" placeholder="必须是6位数字" maxlength="6" value="{{password.newPassword}}" /></view><view class="password"><view class="one">确认密码</view><input type="number" name="cfmPassword" class="two" password="{{true}}" placeholder="必须是6位数字" maxlength="6" value="{{password.cfmPassword}}" /></view><button class="submit" disabled="{{!send}}" form-type="submit">确定</button></form></view>

.js文件

涉及到的md5.js文件（我已经压缩过了，直接复制粘贴就行）

涉及到的api.js

const urlList = {baseUrl:'https://************',//修改密码-发送验证码sendCode: basePath + '/user/send',//修改密码-提交findPwd:basePath + '/user/findPassword'};module.exports = urlList;

后端的处理

//namespace App\Helpers;/*** 统一返回信息* @param $code* @param $data* @param $msge*/function msg($code, $data, $msg){return compact('code', 'data', 'msg');}

//支付密码设置-发送验证码Route::get('/user/send','User@sendCode');//支付密码设置-找回密码提交操作Route::post('/user/findPassword','User@findPassword');

//发送短信验证码public function sendCode(Request $request){$uid = $request->get('uid');//需要用到的用户id$userInfo = YjUsers::where(['uid' => $uid,'status' => 1])->select('mobile')->first();//yjuser是我自己的用户表，去查用户的手机号（这个手机号我没有从前端传递过来，因为我前端传递过来一个用户的信息，可以知道用户的id，直接用id去查的用户的手机号）if(!isset($userInfo->mobile)){//最好不好用(!$userInfo->mobile)这个来直接判断，会报错的return Response()->json(msg(0,[],'用户手机号不存在'));}$smsLog=(new YjSmsLog())->sendMobileVerifyCode($userInfo->mobile);return $smsLog;}

现在去找sendMobileVerifyCode（）这个方法

public function sendMobileVerifyCode($mobile){$scene = $this->Scene(2);//修改密码$smsTemplate=$this->getSmsTemplateByScene($scene);//去下边找这个方法！自己的数据库中存在着从阿里云申请的短信模板$session_id=md5(time().mt_rand(1,999999999));//没啥用的$code = rand(100000, 999999);$param=array('mobile'=>$mobile,'sms_sign'=>$smsTemplate['sms_sign'],'sms_tpl_code'=>$smsTemplate['sms_tpl_code'],'code'=>$code);$response = Sms::send($param);$data=['mobile'=>$mobile,'session_id'=>$session_id,'code'=>$code,'status'=>1,'scene'=>2,'addtime'=>time(),'error_msg'=>$response['Message'] == 'OK' ? '' : $response['Message'],];$this->addSmsLog($data);//记录发短信记录表if('OK' == $response['Code']){return Response()->json(msg(1,[] , '验证码发送成功'));}return Response()->json(msg(-2,[] , '验证码发送失败'));}

public function getSmsTemplateByScene($scene){return YjSmsTemplate::where(['send_scene' => $scene])->first();//把阿里云的短信模板放到了数据库中了}

public function addSmsLog($param){try{$result = YjSmsLog::create($param);if(!isset($result->id)){// 验证失败输出错误信息return Response()->json(msg(-1, '', $this->getError()));}else{return Response()->json(msg(1, $result, '保存成功'));}}catch (\Exception $e){return Response()->json(msg(-2, '', $e->getMessage()));}}

短信用的是这个扩展

/document_detail/112186.html?spm=a2c4g.11186623.4.1.68b016e4EHBspc

你直接composer，然后改改参数就可以用

composer require alibabacloud/client

那两个文件

sendsms.php如下：

<?php/*** Created by PhpStorm.* User: ranhai* Date: /5/6* Time: 2:30 PM*/namespace App\Service\Sms;use AlibabaCloud\Client\AlibabaCloud;use AlibabaCloud\Client\Exception\ClientException;use AlibabaCloud\Client\Exception\ServerException;use Illuminate\Support\Facades\Log;class SendSms{//初始化短信接口public function init(){$key = env('AibabaSMSAcceccKey');//这个不用我教了吧。。$secret = env('AibabaSMSAccessKeySecret');//这个不用我教了吧。。AlibabaCloud::accessKeyClient($key,$secret)->asDefaultClient();}/**** PhoneNumbers:手机号* SignName:签名* TemplateCode:模板码* TemplateParam:参数***/public function send($query){$this->init();try {$result = AlibabaCloud::rpc()->regionId('cn-hangzhou')->product('Dysmsapi')->version('-05-25')->action('SendSms')->method('POST')->options(['query' => $query,])->request();$respone = $result->toArray();Log::info('sendInfo:'.json_encode($respone));return $respone;} catch (ClientException $exception) {$error = $exception->getErrorMessage();Log::info('smsError:'.json_encode($error));return false;} catch (ServerException $exception) {$error = $exception->getErrorMessage();Log::info('smsError:'.json_encode($error));return false;}}}

sms.php如下

<?php/*** Created by PhpStorm.* User: ranhai* Date: /5/6* Time: 4:18 PM*/namespace App\Service\Sms;use Illuminate\Support\Facades\Cache;/***** 验证码服务类* 后续很多功能待完善****/class Sms{public static function send($param){$phone = $param['mobile'];$code = $param['code'];$query = ['PhoneNumbers' => $phone,'SignName' => $param['sms_sign'],'TemplateCode' => $param['sms_tpl_code'],'TemplateParam' => json_encode(['code' => $code]),];$result = (new SendSms())->send($query);self::cacheCode($phone,$code);return $result;}protected static function cacheCode($phone,$code){$key = $phone;Cache::put($key,$code,5);return true;}//检测验证码是否正确public static function checkCode($phone,$code){$key = $phone;if(!Cache::has($key)){return false;}$cacheCode = Cache::pull($phone);return $cacheCode == $code;}}

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。