云通讯短信验证码实例

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了云通讯短信验证码实例相关的知识,希望对你有一定的参考价值。

1.注册登录云通讯     http://www.yuntongxun.com/user/login

2.创建应用得到应用相关信息

3.下载对应相关的Demo示例  http://www.yuntongxun.com/doc/rest/sms/3_2_2_3.html

4.send.php文件添加代码方便后续操作

session_start();
//随机验证码
$code = rand(100000,999999);
//生成的验证码存放到session,方便后续的验证操作
$_SESSION[\'code\']=$code;


$telphone = $_GET[\'telphone\'];
$res = sendTemplateSMS($telphone,array($code,1),"1");//手机号码,替换内容数组,模板ID
// var_dump($res);
if($res){
    echo 1;
}else{
    echo 0;
}

5.ajax发送手机号到send.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">

<head>
    <title>登录操作</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <script type="text/javascript" src="//cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
    <script>
    var itime = 59; //定义一个变量,倒计时初始化,从59秒开始
    function getTime() {
        if (itime >= 0) {
            if (itime == 0) {
                //倒计时变成0时,
                //要清除计时器
                clearTimeout(act);
                //设置按钮为初始状态
                $("#getCodeBtn").val(\'免费获取手机验证码\').attr(\'disabled\', false);
                itime = 59;
            } else {
                //延迟一秒中执行该函数。
                var act = setTimeout(\'getTime()\', 1000);
                //把倒计时的秒显示到按钮中
                $("#getCodeBtn").val(\'还剩\' + itime + \'\');
                itime = itime - 1;
            }
        }
    }
    $(function() {
        //定义一个函数,用于完成倒计时效果
        $("#getCodeBtn").click(function() {
            //获取输入的手机号码
            var telphone = $("#telphone").val();
            //ajax请求文件,调用短信发送的接口
            $.ajax({
                type: \'get\',
                url: \'send.php?telphone=\' + telphone,
                success: function(msg) {
                    //判断调用短信发送接口是否成功,
                    if (msg == 1) {
                        //调用接口已经成功
                        alert(\'短信验证码已经发送成功\');
                        $("#getCodeBtn").attr(\'disabled\', true); //要禁用该按钮
                        //调用一个函数,完成倒计时效果。
                        getTime();
                    }
                }
            });
        });
    });
    </script>
    <style type="text/css">

    </style>
</head>

<body>
    <div>
        <form action="action.php" method="post">
            <table>
                <tr>
                    <td>姓名</td>
                    <td>
                        <input type="text" name="name" />
                    </td>
                </tr>
                <tr>
                    <td>手机</td>
                    <td>
                        <input type="text" name="telphone" id="telphone" />
                </tr>
                <tr>
                    <td>验证码</td>
                    <td>
                        <input type="text" name="checkcode" />
                        <input type="button" value="免费获取手机验证码" id="getCodeBtn" />
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="reset" value="重填" />&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="submit" value="注册" />
                    </td>
                </tr>
            </table>
        </form>
    </div>
</body>

</html>

6.action.php验证是否成功接受

<?php
//接收输入的手机验证码
$checkcode = $_POST[\'checkcode\'];
session_start();
$code = $_SESSION[\'code\'];
//把生成发送的验证码
//和用户手机收到的验证码进行比对
if($code==$checkcode){
        echo \'ok\';
}else{
        echo \'no\';
}

 

以上是关于云通讯短信验证码实例的主要内容,如果未能解决你的问题,请参考以下文章

创蓝253云通讯平台---短信验证码接口说明

Java实现短信验证码

PHP创蓝253云通讯paas平台短信验证码接口调用demo

ASP创蓝253云通讯paas平台短信验证码接口调用demo

美多商城项目之短信验证码

Ruby调取短信验证码