第1步:登录美圣短信控制台
http://www.rcscloud.cn/hy/HY_ZH/login
账号:*******
密码:*******
http://www.rcscloud.cn/common/API
第2步:添加账号签名和短信模板
第3步:下载模板
第4步:在项目中新建项目GmkCollege.RCSCloud并将App_Code中的两个文件放到项目中,注意修改命名空间
第5步:前端
<tr class="margin-top"> <td class="padding-top text-center">手机号</td> <td><input type="text" class="inputs" id="Phone" name="Phone"> </td> <td><input type="button" value="获取验证码" id="sms" οnclick="sendemail()"></td> </tr> <tr> <td class="padding-top text-center">验证码</td> <td><input type="text" class="inputs" id="Code" name="Code"></td> </tr>
第6步:js处理
$(function () { $("#sms").click(function () { sendCode($("#sms")); }); v = getCookieValue("secondsremained");//获取cookie值 if (v > 0) { settime($("#sms"));//开始倒计时 } }) //发送验证码 function sendCode(obj) { var phoneNumber = $("#Phone").val(); var result = isPhoneNum(phoneNumber); if (result) { //将手机利用ajax提交到后台的发短信接口 $.post("/College/Code", { Phone: phoneNumber }, function (data) { if (data == "ok") { alert("验证码发送成功!"); } else { alert("验证码发送失败,请重新发送!"); } }); addCookie("secondsremained", 60, 60);//添加cookie记录,有效时间60s settime(obj); //开始倒计时 } } //开始倒计时 var countdown; function settime(obj) { countdown = getCookieValue("secondsremained"); if (countdown == 0) { obj.removeAttr("disabled"); obj.val("获取验证码"); return; } else { obj.attr("disabled", true); obj.val("重新发送(" + countdown + ")"); countdown--; editCookie("secondsremained", countdown, countdown + 1); } setTimeout(function () { settime(obj) }, 1000) //每1000毫秒执行一次 } //校验手机号是否合法 function isPhoneNum(phoneNumber) { var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if (!myreg.test(phoneNumber)) { alert('请输入有效的手机号码!'); return false; } else { return true; } } //发送验证码时添加cookie function addCookie(name, value, expiresHours) { var cookieString = name + "=" + escape(value); //判断是否设置过期时间,0代表关闭浏览器时失效 if (expiresHours > 0) { var date = new Date(); date.setTime(date.getTime() + expiresHours * 1000); cookieString = cookieString + ";expires=" + date.toUTCString(); } document.cookie = cookieString; } //修改cookie的值 function editCookie(name, value, expiresHours) { var cookieString = name + "=" + escape(value); if (expiresHours > 0) { var date = new Date(); date.setTime(date.getTime() + expiresHours * 1000); //单位是毫秒 cookieString = cookieString + ";expires=" + date.toGMTString(); } document.cookie = cookieString; } //根据名字获取cookie的值 function getCookieValue(name) { var strCookie = document.cookie; var arrCookie = strCookie.split("; "); for (var i = 0; i < arrCookie.length; i++) { var arr = arrCookie[i].split("="); if (arr[0] == name) { return unescape(arr[1]); break; } else { return ""; break; } } }
第7步:在后台控制器中处理
//美圣融云验证码发送 public ActionResult ValidateCode() { string Code = GetRandomString(6); //发送模板短信 string result = RCSCloudRestAPI.sendTplSms( "f3b70fc99e1040b99657da1f9411df05", Request["Phone"], "@1@="+Code, "" ); //将验证码设置缓存 var CodeInfo = (Object)Code; CacheOpt.SetCache("Code", CodeInfo, Convert.ToInt32(60)); return Json(result); } #region 生成6位验证码 public string GetRandomString(int iLength) { string buffer = "0123456789"; // 随机字符中也可以为汉字(任何) StringBuilder sb = new StringBuilder(); Random r = new Random(); int range = buffer.Length; for (int i = 0; i < iLength; i++) { sb.Append(buffer.Substring(r.Next(range), 1)); } return sb.ToString(); } #endregion
第8步:缓存处理
public class CacheOpt { /// <summary> /// 设置缓存 /// </summary> /// <param name="CacheKey"></param> /// <param name="objObject"></param> /// <param name="Seconds">超过多少秒后过期</param> public static void SetCache(string CacheKey, object objObject, long Seconds) { System.Web.Caching.Cache objCache = HttpRuntime.Cache; objCache.Insert(CacheKey, objObject, null, System.DateTime.Now.AddSeconds(Seconds), TimeSpan.Zero); } /// <summary> /// 获取数据缓存 /// </summary> /// <param name="CacheKey">键</param> public static object GetCache(string CacheKey) { System.Web.Caching.Cache objCache = HttpRuntime.Cache; return objCache[CacheKey]; } }