待發短信
在線客服
4001-021-502
9:00-21:00
Tipask是一款100%開放源碼的PHP問答系統，基于Laravel5.6 LTS 版本開發，容易擴展，具有強大的負載能力和穩定性。今天小編就以替換短信接口為例一步一步教大家如何開發，進行替換的短信接口是我們短信寶短信群發平臺的短信接口，我們短信寶短信接口非常穩定，發送速度快，注冊還送測試短信，推薦大家使用。
首先打開項目：\resources\views\admin\setting\irrigation.blade.php文件，在54行左右添加以下代碼
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<div class="box box-default"><div class="box-header with-border"><h3 class="box-title">短信策略</h3></div><div class="box-body"><div class="form-group"> <label for="website_url">開啟</label> <span class="text-muted">(開啟后必須使用短信進行驗證)</span> <div class="radio"> <label><input type="radio" name="mobile_trun" value="1" @if(Setting()->get('mobile_trun') == 1) checked @endif>開啟</label> <label><input type="radio" name="mobile_trun" value="0" @if(Setting()->get('mobile_trun') == 0) checked @endif>關閉</label> </div></div></div> |
接著創建一個文件命名為：mobile.blade.php文件，代碼如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
@extends('admin/public/layout')@section('title')短信配置@endsection@section('content')<section class="content-header"> <h1>短信配置</h1></section><section class="content"><div class="row"><div class="col-xs-12"><div class="box box-primary"> <form role="form" name="settingForm" method="POST" action="{{ route('admin.setting.mobile') }}"> <input type="hidden" name="_token" value="{{ csrf_token() }}"> <div class="box-body"> <div class="form-group @if ($errors->has('smsbao_user')) has-error @endif"> <label for="smsbao_user">短信寶用戶名</label><input type="text" name="smsbao_user" class="form-control " placeholder="短信寶用戶名" value="{{ old('smsbao_user',Setting()->get('smsbao_user')) }}"> @if ($errors->has('smsbao_user')) <p class="help-block">{{ $errors->first('smsbao_user') }}</p> @endif </div> <div class="form-group @if ($errors->has('smsbao_pass')) has-error @endif"> <label for="smsbao_pass">短信寶密碼</label> <span class="text-muted">(請輸入短信寶密碼)</span><input type="password" name="smsbao_pass" class="form-control " placeholder="短信寶密碼" value="{{ old('smsbao_pass',Setting()->get('smsbao_pass')) }}">@if ($errors->has('smsbao_pass')) <p class="help-block">{{ $errors->first('smsbao_pass') }}</p> @endif</div> <div class="form-group @if ($errors->has('smsbao_sign')) has-error @endif"> <label for="smsbao_sign">短信寶簽名</label> <span class="text-muted">(請輸入短信寶簽名)</span><input type="text" name="smsbao_sign" class="form-control " placeholder="短信寶簽名" value="{{ old('smsbao_sign',Setting()->get('smsbao_sign')) }}"> @if ($errors->has('smsbao_sign')) <p class="help-block">{{ $errors->first('smsbao_sign') }}</p> @endif </div> </div> <div class="box-footer"> <button type="submit" class="btn btn-primary">保存</button> <button type="button" class="btn btn-success" id="btn_test_mobile" >發送測試短信</button> </div> </form></div></div></div></section>@endsection@section('script')<div class="modal fade" id="test_mobile_model" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="exampleModalLabel">發送測試短信</h4> </div> <div class="modal-body"> <form name="messageForm" id="message_form"> <div class="form-group"> <label for="to_user_id" class="control-label">接收人手機號：</label> <input type="mobile" class="form-control" id="test_send_to" name="sendTo" value="" placeholder="接收人手機號" /> </div> <div class="form-group"> <label for="message-text" class="control-label">內容:</label><textarea class="form-control" id="test_mobile_content" name="content">你好，這是一條測試短信。收到短信則短信接口正常使用！</textarea> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">取消</button> <button type="button" class="btn btn-primary" id="submit_test_mobile">發送</button> </div></div></div></div><script type="text/javascript"> $(function(){ set_active_menu('global',"{{ route('admin.setting.mobile') }}"); $("#btn_test_mobile").click(function(){ if(confirm('請確認短信配置項已保存成功？')){ $("#test_mobile_model").modal('show'); } }); /*發送測試短信*/ $("#submit_test_mobile").click(function(){ var sendTo = $("#test_send_to").val(); var content = $("#test_mobile_content").val(); $.post('{{ route('admin.tool.sendTestMobile') }}',{sendTo:sendTo,content:content},function(msg){ console.log(msg); if(msg == 'ok'){alert('短信發送成功'); }else{alert('短信發送錯誤：'+ msg ); } $("#test_mobile_model").modal('hide'); }); });});</script>@endsection |
接著打開項目：\resources\views\themes\default\account\forgetPassword.blade.php，在29行左右添加以下代碼
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
@if(Setting()->get('mobile_trun') == 1) <div class="form-group"> <label class="required">選擇找回密碼方式</label> <div class="radio"> <label><input type="radio" name="emamobile" class="emamobile" value="1" checked="">郵箱</label> <label><input type="radio" name="emamobile" class="emamobile" value="0">短信</label> </div> </div> <div class="form-group mobile @if($errors->first('mobile')) has-error @endif" style="display: none;"> <label class="required">手機</label><input type="text" id="mobile" class="form-control" name="mobile" placeholder="注冊手機" value="{{old('mobile')}}"> @if ($errors->first('mobile')) <span class="help-block">{{$errors->first('mobile')}}</span> @endif </div> <div class="form-group mobile @if($errors->first('mobile_code')) has-error @endif" style="display: none;"> <label for="mobile_code" class="required">短信驗證碼</label> <div class="col-md-12" style="padding-left: 0;"> <div class="col-md-8" style="padding-left: 0;"> <input type="text" class="form-control" name="mobile_code" id="mobile_code" placeholder="請輸入短信驗證碼"> </div> <b class="btn btn-primary" id="btn-code" style="margin-bottom: 15px;">獲取驗證碼</b> @if ($errors->first('mobile_code')) <span class="help-block">{{$errors->first('mobile_code')}}</span> @endif </div> </div>@endif |
接著添加以下代碼：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
@section('js')<script type="text/javascript"> $('.emamobile').on('click',function(){ var $this = $(this).val(); if ($this == '0') { $('.mobile').css('display','block'); $('.email').css('display','none'); }else{ $('.email').css('display','block'); $('.mobile').css('display','none'); } })</script><script type="text/javascript"> var time = 0; //倒計時時間 var res = null; //倒計時資源，釋放時使用 var sendNode = null; //發送的按鈕節點 function sendTime(){ clearTimeout(res); time--; if (time <= 0) { time = "獲取驗證碼"; sendNode.text(time); clearTimeout(res); time = 0; return; } sendNode.text("剩余"+time+"秒"); res = setTimeout("sendTime()",1000); } $(function(){ sendNode = $("#btn-code"); var flg = true; sendNode.click(function(){ if (time == 0) { var mobile = $('#mobile').val(); var reg = /^1[3,4,5,7,8]\d{9}$/; var ret = false; if (!reg.test(mobile)) { alert('手機號碼不正確！'); return ret; } if ({{Setting()->get('code_register')}} == 1) { var code = $("#captcha").val(); if (code == '') { alert('請輸入驗證碼'); return ret; } var data = {"captcha":code,"mobile":mobile}; }else{ var data = {"mobile":mobile}; } var err =""; if (flg == true) { flg = false; $.ajax({ type:"POST", url:"{{ route('auth.user.forget_mobile_code') }}", dataType:"html", async:false, data:data, success:function(data){ if (data == 'ok') { time = 60; sendTime(); alert('短信發送成功'); flg = true; }else if(data == '-1'){ alert('手機號不存在'); }else{ alert('短信發送失敗'+data); } }, error:function(data){ var errors = unescape(data['responseText'].replace(/\\/g,"%")); var error = JSON.parse(errors); if (error['captcha'] != ''&&error['captcha']) { alert(error['captcha']); return false; } if (error['mobile'] != '' && error['mobile']) { alert(error['mobile']); return false; } } }) } } }) })</script> |
接著打開項目：\resources\views\themes\default\account\register.blade.php文件，在32行左右添加以下代碼
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
@if(Setting()->get('mobile_trun') == 1) <div class="form-group @if ($errors->first('mobile')) has-error @endif"> <label for="mobile" class="required">Mobile(手機)</label> <input type="text" class="form-control" id="mobile" name="mobile" required="" placeholder="請輸入手機"> @if ($errors->first('mobile')) <span class="help-block">{{ $errors->first('mobile') }}</span> @endif </div> <div class="form-group @if($errors->first('mobile_code')) has-error @endif"> <label for="mobile_code" class="required">短信驗證碼</label> <div class="col-md-12" style="padding-left: 0;"> <div class="col-md-8" style="padding-left: 0;"> <input type="text" class="form-control" name="mobile_code" id="mobile_code" required="" placeholder="請輸入短信驗證碼"> </div> <b class="btn btn-primary" id="btn-code" style="margin-bottom: 15px;">獲取驗證碼</b> @if ($errors->first('mobile_code')) <span class="help-block">{{ $errors->first('mobile_code') }}</span> @endif </div> </div>@endif |
接著添加以下代碼：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
@section('js')<script> var time = 0;var res = null;function sendTime(){clearTimeout(res); time --;if (time <= 0) { time = "獲取驗證碼"; $('#btn-code').text(time); clearTimeout(res); time = 0; return;}$('#btn-code').text("剩余"+time+"秒");res = setTimeout("sendTime()",1000);}$(function(){var flg = true;$('#btn-code').on('click',function(){ var mobile = $('#mobile').val(); var reg = /^1[3,4,5,7,8]\d{9}$/; var ret = false; if (!reg.test(mobile)) { alert('手機號碼不正確！'); return ret; } if ({{Setting()->get('code_register')}} == 1) { var code = $("#captcha").val(); if (code == '') { alert('請輸入驗證碼'); return ret; } var data = {"captcha":code,"mobile":mobile}; }else{ var data = {"mobile":mobile}; } var err =""; if (flg == true) { flg = false; $.ajax({ type:"POST", url: "{{ route('auth.user.mobile_code') }}", dataType : "html", async : false, data : data, success:function(data){ if (data == "ok") { time = 60; sendTime(); alert('短信發送成功'); flg = true; }else{ alert('短信發送失敗請聯系管理員。'); flg = true; } }, error:function(data){ var errors = unescape(data['responseText'].replace(/\\/g, "%")); var error = JSON.parse(errors); if(error['mobile'] != ''&&error['mobile'] ){ alert(error['mobile']); return false; } if (error['captcha']&&error['captcha']!='') { alert(error['captcha']); return false; } } }); } $('#reloadCaptcha').click(); return flg;})})</script> |
接著打開項目：\app\Http\Controllers\Account\UserController.php文件，在114行添加以下代碼
|
1
2
3
4
5
6
7
8
9
10
|
if (Setting()->get('mobile_trun') == 1) { $validateRules['mobile'] = 'required|regex:/^1[3,4,5,7,8]\d{9}$/|unique:users'; if (empty(session('mobile_code')) || $request->mobile_code != session('mobile_code')) { return redirect(route('auth.user.register')) ->withInput($request->only('mobile_code')) ->withErrors([ 'mobile_code' => '短信驗證碼錯誤！', ]); }} |
接著增加mobile_code、forget_mobile_code方法，代碼如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
public function mobile_code(Request $request){ if( Setting()->get('code_register') == 1){ $validateRules['captcha'] = 'required|captcha'; } $validateRules['mobile'] = 'required|regex:/^1[3,4,5,7,8]\d{9}$/|unique:users'; $this->validate($request,$validateRules); $code = rand(10000,99999); session(['mobile_code'=>$code]); $content = '您好，您的驗證碼為：'.$code.'，請妥善保存。'; $ret = $this->sendSms($request->mobile,$content); if ($ret == 'ok') { return 'ok'; }else{ return json_encode($ret); }}public function forget_mobile_code(Request $request){if( Setting()->get('code_register') == 1){ $validateRules['captcha'] = 'required|captcha';} $user = User::where('mobile','=',$request->mobile)->first(); if (empty($user)) { return json_encode('-1'); } $code = rand(10000,99999); session(['mobile_code'=>$code]); session(['forget_mobile'=>$request->mobile]); $content = '您好，您正在進行找回密碼操作，驗證碼為：'.$code.'，請妥善保存！'; $ret = $this->sendSms($request->mobile,$content); if ($ret == 'ok') { return 'ok'; }else{ return json_encode($ret); }} |
接著打開項目：\app\Http\Controllers\Admin\SettingController.php文件，增加mobile方法
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
public function mobile(Request $request){if ($request->isMethod('post')) { $data = $request->except('_token'); unset($data['_token']); foreach ($data as $name => $value) { $_ENV[strtoupper($name)] = $value; Setting()->set($name,$value); } Setting()->clearAll(); Setting()->writeToEnv(); return $this->success(route('admin.setting.mobile'),'短信配置保存成功');}return view('admin.setting.mobile');} |
接著打開項目：\app\Http\Controllers\Admin\ToolController.php文件，增加sendTestMobile方法
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
public function sendTestMobile(Request $request){ $validateRules = [ 'sendTo' => 'required|regex:/^1[3,4,5,7,8]\d{9}$/', 'content' => 'required|max:255', ]; $this->validate($request,$validateRules); $user = Setting()->get('smsbao_user'); $pass = Setting()->get('smsbao_pass'); if (empty($user) && empty($pass)) { return '請填寫短信寶用戶名和密碼。'; } $url = 'http://api.smsbao.com/sms?u='.$user.'&p='.md5($pass).'&m='.$request->sendTo.'&c='.$request->content; $ret = file_get_contents($url); if ($ret == 0) { return 'ok'; }else{ return $ret; }} |
最后打開項目：\app\Http\Controllers\Controller.php文件，增加sendSms方法
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
protected function sendSms($mobile,$content){ $user = Setting()->get('smsbao_user'); $pass = Setting()->get('smsbao_pass'); $sign = Setting()->get('smsbao_sign'); if (empty($user) || empty($pass) || empty($sign) ) { return '11'; } $url = 'http://api.smsbao.com/sms?u='.$user.'&p='.md5($pass).'&m='.$mobile.'&c=【'.$sign.'】'.$content; $ret = file_get_contents($url); if ($ret == 0) { return 'ok'; }else{ return $ret; }} |
經過上面的替換，短信寶的短信平臺已經替換成功了，可以正常使用了。進行測試發送：
報備一下短信寶的VIP模板，這樣就可以走短信寶的優質通道了，即便遇到敏感文字我們都不會人工審核，短信內容3~5秒就可送達。
另外：我們已經開發好完整的Tipask問答系統的短信寶插件，點擊此鏈接 下載及查看安裝流程
最新更新
電商類
CMS類
微信類
