阿里云(短信验证)。。。。网易云短信验证

最新推荐文章于 2021-08-11 11:13:25 发布

dream.未来

最新推荐文章于 2021-08-11 11:13:25 发布

阅读量407

点赞数

分类专栏：项目小功能点

本文链接：https://blog.csdn.net/weixin_52296931/article/details/114887843

版权

项目小功能点专栏收录该内容

9 篇文章 0 订阅

订阅专栏

首先是根据登陆阿里云官网

点击控制台—使用支付宝登录—搜索短信服务—在右上角找到短信操作服务指南—按照里面的步骤进行就可以了

网易云短信验证

语言验证

登录网易网址： https://netease.im/sms
注册网易云账号（不实名认证）
创建一个应用
通过应用名称—>短信模板管理—>语音短信模板ID保存起来
语音短信—>APP Key管理----> 公钥App Key值和App Secret值保存起来
接入网易云短信接口 ---->开发手册—>短信接入示例—>Java-发送短信/语音短信验证码复制代码到本工程中
查找CheckSumBuilder类---->导航栏—>产品---->IM即时通讯—>服务端API开发文档->接口概述–>CheckSumBuilder
导入依赖

<!--网易云短信sdk依赖-->
<dependency>
<groupId>org.apache.httpcomponents</groupId>
<artifactId>httpclient</artifactId>
<version>4.5.12</version>
</dependency>

<dependency>
<groupId>org.apache.httpcomponents</groupId>
<artifactId>httpcore</artifactId>
<version>4.4.13</version>
</dependency>

在controller里面写一个utils里面写一个实现类SendCode

public class SendCode {
    //发送验证码的请求路径URL
    private static final String
            SERVER_URL="https://api.netease.im/sms/sendcode.action";
    //网易云信分配的账号，请替换你在管理后台应用下申请的Appkey
    private static final String
            APP_KEY="998a55ec8ef63bc9c45a251bbaf13e09";
    //网易云信分配的密钥，请替换你在管理后台应用下申请的appSecret
    private static final String APP_SECRET="cbc4df35c848";
    //随机数
    private static final String NONCE="123456";
    //短信模板ID
    private static final String TEMPLATEID="19483113";
    //验证码长度，范围4～10，默认为4
    private static final String CODELEN="6";

    public static String sendCode(String phone) throws Exception {

        DefaultHttpClient httpClient = new DefaultHttpClient();
        HttpPost httpPost = new HttpPost(SERVER_URL);
        String curTime = String.valueOf((new Date()).getTime() / 1000L);
        /*
         * 参考计算CheckSum的java代码，在上述文档的参数列表中，有CheckSum的计算文档示例
         */
        String checkSum = CheckSumBuilder.getCheckSum(APP_SECRET, NONCE, curTime);

        // 设置请求的header
        httpPost.addHeader("AppKey", APP_KEY);
        httpPost.addHeader("Nonce", NONCE);
        httpPost.addHeader("CurTime", curTime);
        httpPost.addHeader("CheckSum", checkSum);
        httpPost.addHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8");

        // 设置请求的的参数，requestBody参数
        List<NameValuePair> nvps = new ArrayList<NameValuePair>();
        /*
         * 1.如果是模板短信，请注意参数mobile是有s的，详细参数配置请参考“发送模板短信文档”
         * 2.参数格式是jsonArray的格式，例如 "['13888888888','13666666666']"
         * 3.params是根据你模板里面有几个参数，那里面的参数也是jsonArray格式
         */
        nvps.add(new BasicNameValuePair("templateid", TEMPLATEID));
        // 传入的手机号
        nvps.add(new BasicNameValuePair("mobile", phone));
        nvps.add(new BasicNameValuePair("codeLen", CODELEN));

        httpPost.setEntity(new UrlEncodedFormEntity(nvps, "utf-8"));

        // 执行请求
        HttpResponse response = httpClient.execute(httpPost);
        // 需要把json字符串南转换成Java对象 Map
        // {"code":200,"msg":"1","obj":"645931"}
        String jsonCode = EntityUtils.toString(response.getEntity(), "utf-8");

        // 解析json字符串
        ObjectMapper parse = new ObjectMapper();
        // readValue(json字符串,字节码对象)
        Map map = parse.readValue(jsonCode, Map.class);
        String code = (String) map.get("obj");
        return code;
    }
}

写一个register,html里面写获取验证码页面

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./static/js/jquery-1.12.4.min.js"></script>
</head>
<body>

    <form action="/user/reg.do" method="post" onsubmit="return checkForm();"/>
        用户名：<input type="text" placeholder="用户名" id="username"/><br>
        手机号：<input type="text" placeholder="手机号" id="phone"/><br>
              <input type="button" value="发送验证码"  onclick = "getCode();"/><br>
        验证码：<input type="text" placeholder="输入验证码" onblur = "checkCode();" id="code"><span id="message"></span>
              <input type="submit" value="提交" disabled id="sub"><br>
    </form>

    <script>
          // ajax 异步请求
          // 发送验证码
          // 定义一个验证码的变量
          var code = "";
          // 前台获取验证码
          function getCode() {
              var phone =  $("#phone").val();// 手机号
              // 发送ajax请求
              $.post("front/user/getCode.do", {"phone":phone},function (data) {
                    // 返回的是json类型的数据 ResultObject  code  msg  data
                    //data.data
                    //$("#code").val(data.data);
                    // 验证码的校验
                    // 扩大验证码的作用范围
                    code = data.data;
              });
          }

          // 校验验证码
          function checkCode() {
               var inputCode =  $("#code").val();
               if (code == inputCode) {
                    $("#message").html("<font color='green'>验证码正确</font>");
                    $("#sub").attr("disabled",false);// 可以点击
                    //$("#sub").removeAttr("disabled");// 删除disabled属性
               }else {
                   $("#message").html("<font color='red'>验证码错误</font>");
                   $("#sub").attr("disabled",true);// 不可以点击
                   //$("#sub").attr("disabled","disabled");
               }
          }

    </script>

dream.未来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
阿里云(短信验证)。。。。网易云短信验证

首先是根据登陆阿里云官网点击控制台—使用支付宝登录—搜索短信服务—在右上角找到短信操作服务指南—按照里面的步骤进行就可以了网易云短信验证语言验证登录网易网址： https://netease.im/sms注册网易云账号（不实名认证）创建一个应用通过应用名称—>短信模板管理—>语音短信模板ID保存起来语音短信—>APP Key管理----> 公钥App Key值和App Secret值保存起来接入网易云短信接口 ---->开发手册—>短信接入示例—&
复制链接

扫一扫

专栏目录