java通过容联云通讯实现发送短信验证码

1.在容联云通讯上根据 —接入流程完成以下的步骤
创建应用
申请短信签名
配置测试号码等等

最终可以拿到SID和TOKEN。之后把官网上的Demo下载下来，把里面的jar包加到你的项目里面

Controller层

package com.hfxt.web.controller;import java.util.HashMap;
import java.util.Set;import javax.servlet.http.HttpSession;import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;import com.cloopen.rest.sdk.CCPRestSmsSDK;
import common.model.JsonCrudModel;@RequestMapping("/yzm")
@Controller
public class SDKTestSendTemplateSMS extends BaseController{@RequestMapping("/getYzm")@ResponseBodypublic String yzm(HttpSession session){HashMap<String, Object> result = null;//初始化SDKCCPRestSmsSDK restAPI = new CCPRestSmsSDK();restAPI.init("app.cloopen.com", "8883");restAPI.setAccount("你的ACOUNT SID", "你的AUTH TOKEN");  //参数顺序：第一个参数是ACOUNT SID，第二个参数是AUTH TOKEN。restAPI.setAppId("你的APP ID");      //应用ID的获取：登陆官网，在“应用-应用列表”，点击应用名称，看应用详情获取APP IDint mobile_code = (int)((Math.random()*9+1)*100000);        //用随机数当验证码String yzm = String.valueOf(mobile_code);result = restAPI.sendTemplateSMS("你的手机号","1" ,new String[]{yzm,"2"});    //  第一个参数是手机号，第二个参数是你是用的第几个模板，第三个参数是你的验证码，第四个是在几分钟之内输入session.setAttribute("yzm", yzm);System.out.println("SDKTestGetSubAccounts result=" + result);if("000000".equals(result.get("statusCode"))){//正常返回输出data包体信息（map）HashMap<String,Object> data = (HashMap<String, Object>) result.get("data");Set<String> keySet = data.keySet();for(String key:keySet){Object object = data.get(key);System.out.println(key +" = "+object);}}else{//异常返回输出错误码和错误信息System.out.println("错误码=" + result.get("statusCode") +" 错误信息= "+result.get("statusMsg"));}return null;}
}

然后需要写一个Controller来判断你输入的验证码是否正确

 @RequestMapping("yanzhengma")@ResponseBodypublic JsonCrudModel<Object> begin(HttpSession session , String yzm){final  JsonCrudModel<Object> json = new JsonCrudModel<Object>();String  yzm1 = (String)session.getAttribute("yzm");if(yzm!=null && yzm1!=null){if(yzm.equals(yzm1)){json.setMessage("success");}else{json.setMessage("error");}}else{json.setMessage("error");}return json;}

这样后端就写完了
之后就是前端怎么拿到数据，发送验证码
JSP

<form action="${pageContext.request.contextPath }/提交的地址" method="post">      //当输入完成后，表单提交到一个地址<div class="register"><div class="res-item"><input type="tel" placeholder="手机号" name="account" class="input-item mobile"><i class="res-icon am-icon-phone"></i></div><div class="res-item"><input type="text" onblur="f2();" name="yzm" id="yzm" placeholder="验证码" class="input-item yanzheng">  //当输入错误，光标聚集在文本框内<i class="res-icon am-icon-mobile"></i><button type="button" class="yanzhengma" onclick="yz();">发送验证码</button>          //发送验证码</div><div class="res-item"><div class="res-btn"><button type="submit" id="res-btn" class="am-btn am-btn-block">完成</button></div></div><center><p style="color: red; font-size: 2em;">${mistake }</p></center></form>

表单写完了，之后就是用JS得到数据，执行发送验证码了

<script type="text/javascript">function yz(){           //向目标Controller发起请求$.ajax({url:"${pageContext.request.contextPath }/yzm/getYzm",data:"script",dataType:"JSON",type:"GET",success:function(data){},error:function(data2){}});}function f2(){                 //判断输入的验证码是否正确if(document.getElementById("yzm").value!=null || document.getElementById("yzm").value!=""){$.ajax({url:"${pageContext.request.contextPath }/yzm/yanzhengma?yzm="+document.getElementById("yzm").value,dataType:"json",type:"POST",success:function(data){if(data.message!="success"){document.getElementById("yzm").value="";alert("验证码输入错误！");}},error:function(data){}});}}</script>

大功告成！完成发送

java通过容联云通讯实现发送短信验证码相关推荐

使用容联云Celery异步发送短信验证码
文章目录 Celery/容联云安装与命令安装 celery启动命令一.Celery 1.配置Celery 2.创建任务文件二.容联云 1. 配置容联云 settings.py 2. 使用Sms ...
容联云通讯php短信接口,开发中使用【容联云通信】获取短信验证码的 Javascript 接口...
开发中使用 [容联云通信]获取短信验证码的 Javascript 接口在平台应用列表添加应用. 在测试号码中绑定测试手机号码,只有这个号码能接收验证短信. 在项目中绑定配置:将控制台首页的开发者主 ...
laravel+容联.云通讯实现手机短信验证用户注册
Laravel框架简介: Laravel是一套简洁.优雅的PHP Web开发框架(PHP Web Framework).它可以让你从面条一样杂乱的代码中解脱出来:它可以帮你构建一个完美的网络APP,而 ...
Dython 容联云的一个测试短信验证码
import random,redis from ronglian_sms_sdk import SmsSDK accId = '8a216da882f1f59401835463b6491132' ...
容联云通讯完成发送验证码
容联云通讯完成发送验证码不是广告,真人编写,学习记录分享而已容联云通讯官方网站 https://www.yuntongxun.com/ 进入网站后,找到测试号码绑定测试的手机号,最多绑定是三个 ...
阿里云接口实现发送短信验证码
java 阿里云接口实现发送短信验证码 1. 阿里云后台配置短信相关 1.1 开通短信服务 1.2 添加模板签名 1.3 创建秘钥 1.4 短信需要后台授权--注意点 2 java--简单实现短信验证 ...
java 阿里云接口实现发送短信验证码
1.先去阿里云开通短信服务: 2.添加模板及签名:需要审核,个人账户审核就几分钟就OK 先解释一下模板及签名: 标准参照:https://help.aliyun.com/document_detail ...
【PHP】创蓝253云通讯paas平台短信验证码接口调用emo
<?php header("Content-type:text/html; charset=UTF-8"); class ChuanglanSmsApi { //发送短信的接 ...
Java调用容联云通讯短信验证码API接口示例
1.注册账号 https://www.yuntongxun.com/doc.html 注册后点击控制台可以看到你的信息 2.添加测试号码 3.打开文档>Rest API>短信下载Java ...

java通过容联云通讯实现发送短信验证码

java通过容联云通讯实现发送短信验证码相关推荐

最新文章

热门文章