短信验证码api

Posted 2022-08-26 expedition

最近遇到的项目需要个随机短信验证码实现注册用户

选用的是“云信使”，因为有15条免费的测试短信可以验证代码是否正确调用该短信api

地址

一、实名认证 + 短信模板

用户认证完成后，创建一个验证码的短信模板

 

 等待审核

二、下载SDK示例文档

往下拉

在项目中引入MessageLogController.java 

 

 分析MessageLogController.java 代码，可以发现其实就是 发送一个http请求

 

 

我们也可以自己写一个java http请求,。。可以在注册页面获取手机号和随机数后通过ajax异步请求一个jsp页面，传入要发送给的手机号码和随机数，然后这个jsp 调用java http请求即可发送

官方SDK：

 

 

以下，是 6位数字 验证码生成  +  由login.jsp 文件 ajax 请求到 sedMess.jsp + 倒计时重新发送提示 + 验证输入的验证码 是否和 发送的验证码相同

【通过全局变量保留 生成的随机数 用于 和用户输入的验证码相对比】

<script>

    var number = "";
                function shortMessagraxc() 
                    var xx = document.getElementById("newphone").value;
                    if(xx == "")
                        alert("请输入手机号码！");
                    else
                        var num ="";
                         for(var i = 0;i < 6;i++)
                              num += Math.floor(Math.random()*10);
                         
                         alert(xx+" "+num);
                         
                        var xmlhttp = new XMLHttpRequest();
                        xmlhttp.open("POST","sedMess.jsp?number="+num+"&phone="+xx,true);
                        xmlhttp.send();
                        
                        //修改全局变量
                        $.ajax(
                            async: false,
                            success: function() 
                                number = num;
                            
                        )
                        
                       //alert(number);//检测全局变量 是否被修改
                        var count = 10;
                        var countdown = setInterval(CountDown, 1000);
                        function CountDown() 
                            $(".btn_yzm").attr("disabled", true);
                            $(".btn_yzm").val("" + count + "s");
                            if (count == 0) 
                                $(".btn_yzm").val("重新获取").removeAttr("disabled");
                                clearInterval(countdown);
                            
                            count--;
                        
                    
                    
            
            ;
            
            function checkM()
                //alert(number);     //检测全局变量 是否被修改
                var yxy = document.getElementById("yanZM").value;
                if( yxy == null)
                    alert("请输入验证码");
                    return false;
                else if(yxy != number)
                    alert("请输入正确验证码");
                    document.getElementById("yanZM").value = "";
                    return false;
                else
                    return true;
                
            
            
</script>