php利用云片網(wǎng)實現(xiàn)短信驗證碼功能的示例代碼
更新時間：2017年11月18日 11:51:41 作者：愛前端的小白
這篇文章主要介紹了php利用云片網(wǎng)實現(xiàn)短信驗證碼功能的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
本文將以php舉例，介紹網(wǎng)頁短信驗證碼功能的實現(xiàn)。
在眾多的第三方短信服務商中我選擇了云片網(wǎng)這個短信服務商，本文也將盡可能利用最簡單的方式去幫助廣大開發(fā)者解決短信驗證碼功能模塊的實現(xiàn)。
再次之前我也參考了大部分網(wǎng)上的博客等，大多數(shù)都是把云片網(wǎng)的demo原封不動搬上去，對于我這個前端人員來說，根本毫無頭緒，故此我將細致的講解如何操作，以及獻上我的源碼。
我的業(yè)務流程就是通過點擊發(fā)送驗證碼這個按鈕，觸發(fā)一個ajax請求事件，將手機號發(fā)送到后臺，后臺生成驗證碼發(fā)送到手機端，并返回這個驗證碼給前臺進行驗證碼的驗證。
請求的php后端代碼如下
post.php
<?php
header("Content-Type:text/html;charset=utf-8");
$apikey = "xxxxxxxxxxxxxxx"; //修改為您的apikey(https://www.yunpian.com)登錄官網(wǎng)后獲取
$mobile =$_POST['mobile']; //獲取傳入的手機號
// $mobile = "xxxxxxxxxxx"; //請用自己的手機號代替
$num = rand(1000,9999); //隨機產(chǎn)生四位數(shù)字的驗證碼
setcookie('shopCode',$num);
$text="【蒙羊羊】您的驗證碼是".$num."。";
$ch = curl_init();
/* 設(shè)置驗證方式 */
curl_setopt($ch, CURLOPT_HTTPHEADER, array('Accept:text/plain;charset=utf-8',
'Content-Type:application/x-www-form-urlencoded', 'charset=utf-8'));
/* 設(shè)置返回結(jié)果為流 */
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
/* 設(shè)置超時時間*/
curl_setopt($ch, CURLOPT_TIMEOUT, 10);
/* 設(shè)置通信方式 */
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
// 取得用戶信息
$json_data = get_user($ch,$apikey);
$array = json_decode($json_data,true);
// echo '<pre>';print_r($array);
// 發(fā)送短信
$data=array('text'=>$text,'apikey'=>$apikey,'mobile'=>$mobile);
$json_data = send($ch,$data);
$array = json_decode($json_data,true);
// echo '<pre>';print_r($array);
// 發(fā)送模板短信
// 需要對value進行編碼
$data = array('tpl_id' => '1', 'tpl_value' => ('#code#').
'='.urlencode($num).
'&'.urlencode('#company#').
'='.urlencode('蒙羊羊'), 'apikey' => $apikey, 'mobile' => $mobile);
// print_r ($data);
$json_data = tpl_send($ch,$data);
$array = json_decode($json_data,true);
echo $num;
// 發(fā)送語音驗證碼
// $data=array('code'=>$num,'apikey'=>$apikey,'mobile'=>$mobile);
// $json_data =voice_send($ch,$data);
// $array = json_decode($json_data,true);
// echo $num;
// 發(fā)送語音通知，務必要報備好模板
/*
模板： 課程#name#在#time#開始。 最終發(fā)送結(jié)果： 課程深度學習在14:00開始
*/
$tpl_id = 'xxxxxxx'; //修改為你自己后臺報備的模板id
$tpl_value = urlencode('#time#').'='.urlencode($num).'&'.urlencode('#name#').'='.urlencode('蒙羊羊');
$data=array('tpl_id'=>$tpl_id,'tpl_value'=>$tpl_value,'apikey'=>$apikey,'mobile'=>$mobile);
$json_data = notify_send($ch,$data);
$array = json_decode($json_data,true);
// echo $num;
curl_close($ch);
/************************************************************************************/
//獲得賬戶
function get_user($ch,$apikey){
curl_setopt ($ch, CURLOPT_URL, 'https://sms.yunpian.com/v2/user/get.json');
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query(array('apikey' => $apikey)));
$result = curl_exec($ch);
$error = curl_error($ch);
checkErr($result,$error);
return $result;
}
function send($ch,$data){
curl_setopt ($ch, CURLOPT_URL, 'https://sms.yunpian.com/v2/sms/single_send.json');
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
$result = curl_exec($ch);
$error = curl_error($ch);
checkErr($result,$error);
return $result;
}
function tpl_send($ch,$data){
curl_setopt ($ch, CURLOPT_URL,
'https://sms.yunpian.com/v2/sms/tpl_single_send.json');
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
$result = curl_exec($ch);
$error = curl_error($ch);
checkErr($result,$error);
return $result;
}
function voice_send($ch,$data){
curl_setopt ($ch, CURLOPT_URL, 'http://voice.yunpian.com/v2/voice/send.json');
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
$result = curl_exec($ch);
$error = curl_error($ch);
checkErr($result,$error);
return $result;
}
function notify_send($ch,$data){
curl_setopt ($ch, CURLOPT_URL, 'https://voice.yunpian.com/v2/voice/tpl_notify.json');
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
$result = curl_exec($ch);
$error = curl_error($ch);
checkErr($result,$error);
return $result;
}
function checkErr($result,$error) {
if($result === false)
{
echo 'Curl error: ' . $error;
}
else
{
//echo '操作完成沒有任何錯誤';
}
}
?>
這個php后臺是我在官方提供的demo上進行修改的，刪除了語音驗證這個功能，只保留了短信驗證，并將返回給前端的數(shù)據(jù)只保留了四位數(shù)字的驗證碼，方便前端進行驗證碼的驗證。
官方原demo連接如下···鏈接
index.html
如下代碼是進行點擊并發(fā)送ajax請求，將請求的驗證碼并保存到localStorage中
$.ajax({
type: "post",
url: "post.php", //后臺代碼文件名
data: {
mobile:$('#phone').val()//獲取輸入的手機號
},
// dataType: "json",
success:function(data){
console.log(data);
layer.msg('驗證碼發(fā)送成功，請注意查收！');
localStorage.setItem('code', JSON.stringify(data))
},
error:function(err){
console.log(err);
}
});
進行驗證碼驗證
var code = JSON.parse(localStorage.getItem('code'))
if($('#code').val() != code ){
layer.msg('驗證碼輸入錯誤');
return false;
}
以上驗證碼功能講解完畢，如需源碼請點擊（源碼） 自行下載，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Linux下從零開始安裝配置Nginx服務器+PHP開發(fā)環(huán)境
這篇文章主要介紹了Linux下從零開始安裝配置Nginx服務器+PHP開發(fā)環(huán)境的教程,文中采用的是最主流的FastCGI連接方法,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了使用php獲取淘寶分類id的方法，大家參考使用吧2014-01-01
laravel 如何實現(xiàn)引入自己的函數(shù)或類庫
laravel 如何實現(xiàn)引入自己的函數(shù)或類庫？今天小編就為大家解答一下在laravel中引入自己的函數(shù)或類庫的方法，分享給大家，給大家做個參考，一起過來看看吧2019-10-10
這篇文章主要為大家詳細介紹了PHP+Apache+Mysql環(huán)境搭建教程，一步步實現(xiàn)php開發(fā)環(huán)境搭建，感興趣的小伙伴們可以參考一下2016-08-08
下面小編就為大家?guī)硪黄猵hp 刪除指定文件夾的實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
本篇文章是對如何使用Strace調(diào)試工具進行了詳細的分析介紹，需要的朋友參考下2013-06-06
PHP函數(shù)addslashes和mysql_real_escape_string的區(qū)別
這篇文章主要介紹了PHP函數(shù)addslashes和mysql_real_escape_string的區(qū)別,以及一個SQL注入漏洞介紹,需要的朋友可以參考下2014-04-04
laravel5環(huán)境隱藏index.php后綴(apache)的方法
今天小編就為大家分享一篇laravel5環(huán)境隱藏index.php后綴(apache)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
Yii中的relations數(shù)據(jù)關(guān)聯(lián)查詢及統(tǒng)計功能用法詳解
這篇文章主要介紹了Yii中的relations數(shù)據(jù)關(guān)聯(lián)查詢及統(tǒng)計功能用法,結(jié)合實例形式分析了關(guān)聯(lián)查詢命名空間及評論統(tǒng)計功能相關(guān)技巧,需要的朋友可以參考下2016-07-07
PHP使用opendir和readdir函數(shù)讀取指定目錄下所有文件
這篇文章主要介紹了PHP使用opendir和readdir函數(shù)讀取指定目錄下所有文件實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08