手机APP项目中调用第三方短信验证码接口

最新推荐文章于 2024-08-13 15:49:43 发布
最新推荐文章于 2024-08-13 15:49:43 发布
阅读量4.9k 收藏 11
点赞数 6
分类专栏： 短信验证码 文章标签： 手机app 短信验证码 短信接口
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/veesing/article/details/88716718
版权

手机APP登录方式，除了短信验证码登录之外，还可以绑定第三方社交账号进行登录，但是手机验证码登录是必不可少的一个环节，可以在后期客户维护起到至关重要的作用。

 

这次是从前端和后端给介绍第三方的短信验证码接口的接入（注：标准的HTTP接口或者HTTPS接口适用于各种语言，且容易接入）

<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <!-- 国内使用 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/amazeui/2.7.2/css/amazeui.min.css">
    <script type="text/javascript" charset="utf-8" src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/sd/nch5/index.js?t=2015052012"></script>
    <!-- 若您的主要用户来源于海外，请替换使用下面的js资源 -->
    <!-- <script type="text/javascript" charset="utf-8" src="//aeis.alicdn.com/sd/nch5/index.js?t=2015052012"></script> -->
    <style>
        .am-form{
            padding: 10px;
        }
        ._nc .stage1 .slider{
            left: 0;
            right: 0;
        }
    </style>
</head>
<body>
 
<div class="am-form">
    <div class="am-form-group">
        <label for="tel">请输入手机号</label>
        <input type="text" class="" id="tel" placeholder="请输入手机号">
    </div>
 
    <div id="__nc" style="height: 70px">
        <div id="nc"></div>
    </div>
 
    <div class="am-form-group">
        <label for="code">请输入验证码</label>
        <input id="code" type="text" placeholder="请输入验证码">
    </div>
 
    <button type="button" class="am-btn am-btn-primary">提交</button>
</div>
 
<script>
    var nc_token = ["CF_APP_1", (new Date()).getTime(), Math.random()].join(':');
    var nc=NoCaptcha.init({
        renderTo: '#nc',
        appkey: 'CF_APP_1',
        scene: 'register',
        token: nc_token,
        trans: {"key1": "code200"},
        elementID: ["usernameID"],
        is_Opt: 0,
        language: "cn",
        timeout: 10000,
        retryTimes: 5,
        errorTimes: 5,
        inline:false,
        apimap: {
// 'analyze': '//a.com/nocaptcha/analyze.jsonp',
// 'uab_Url': '//aeu.alicdn.com/js/uac/909.js',
        },
        bannerHidden:false,
        initHidden:false,
        callback: function (data) {
            window.console && console.log(nc_token)
            window.console && console.log(data.csessionid)
            window.console && console.log(data.sig);
            var tel = $('#tel').val();
            $.ajax({
                url: "sendCode",
                type: "post",
                data: {
                    tel:tel
                },
                dataType: "json",
                success: function (result) {
                    if (result.code == 0) {
                        alert("验证码已发送!", "green")
                    } else {
                        alert("发送失败,请稍后再试！");
                        nc.reset()
                    }
                },
                error: function () {
                    alert("系统繁忙,请稍后再试!", "red")
                }
            })
        },
        error: function (s) {
        }
    });
    NoCaptcha.setEnabled(true);
    nc.reset();//请务必确保这里调用一次reset()方法
 
    NoCaptcha.upLang('cn', {
        'LOADING':"加载中...",//加载
        'SLIDER_LABEL': "请向右滑动验证",//等待滑动
        'CHECK_Y':"验证通过",//通过
        'ERROR_TITLE':"非常抱歉，这出错了...",//拦截
        'CHECK_N':"验证未通过", //准备唤醒二次验证
        'OVERLAY_INFORM':"经检测你当前操作环境存在风险，请输入验证码",//二次验证
        'TIPS_TITLE':"验证码错误，请重新输入"//验证码输错时的提示
    });
</script>
</body>
</html>

设定一个获取验证码倒计时

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>获取验证码</title>
<script src="http://hovertree.com/ziyuan/jquery/jquery-1.12.1.min.js"></script>
<script type="text/javascript">?
var countdown=60;?
function send(){
? ? var obj = $("#btn");
? ? settime(obj);
? ??
? ? }
function settime(obj) { //发送验证码倒计时
? ? if (countdown == 0) {?
? ? ? ? obj.attr('disabled',false);??
? ? ? ? obj.val("获取验证码");
? ? ? ? $("#btn").css("background","#00bc12")
? ? ? ? countdown = 60;?
? ? ? ? return;
? ? } else {?
? ? ? ? obj.attr('disabled',true);
? ? ? ? obj.val("(" + countdown + ")S");
? ? ? ? countdown--;?
? ? ? ? $("#btn").css("background","#ccc")
? ? }?
setTimeout(function() {?
? ? settime(obj) }
? ? ,1000)?
}
</script>
? ??
<style>
? ? #btn{
? ? ? ? width: 180px;
? ? ? ? height: 56px;
? ? ? ? line-height: 56px;
? ? ? ? text-align: center;
? ? ? ? background: #00BC12;
? ? ? ? border-radius: 8px;
? ? ? ? font-size: 22px;
? ? ? ? border: 0;
? ? ? ? background: #00bc12;
? ? ? ? color: #fff;
? ? }
</style>
<body>?

? ? <input type="button" id="btn" value="获取验证码" onclick="send()" />?
??
</body>
</html>

后端代码

HttpSession session = req.getSession();
    // TODO 验证码有效时间
    session.setMaxInactiveInterval(600);
    try {
      Integer num = RandNumber.getNum();
      // TODO 发送验证码通道
      Sendsms.Send(num, phone);
      session.setAttribute(phone, num);
      return R.ok();
    } catch (Exception e) {
      e.printStackTrace();
      logger.error(e.getMessage());
      return R.error("fasle");
    }

import java.io.Exception;
 
import org.apache.commons.httpclient.HttpClient;
import org.apache.commons.httpclient.HttpException;
import org.apache.commons.httpclient.NameValuePair;
import org.apache.commons.httpclient.methods.PostMethod;
 
public class Sendsms {
 
  private static String Url = "https://vip.veesing.com/smsApi/verifyCode";
 
  // 发送短信验证码
  public static void Send(Integer num, String mobile) {
    try {
    HttpClient client = new HttpClient();
    PostMethod method = new PostMethod(Url);
    client.getParams().setContentCharset("UTF-8");
    method.setRequestHeader("ContentType", "application/x-www-form-urlencoded;charset=UTF-8");
    NameValuePair[] data = { 
        new NameValuePair("appId", "*********"),
        new NameValuePair("appKey", "**********"), 
        new NameValuePair("templateId", "*******"), 
        new NameValuePair("mobile", "*******"),
        new NameValuePair("variables", "*******") 
        };
    method.setRequestBody(data);
    client.executeMethod(method);
    String submitResult = method.getResponseBodyAsString();
    System.out.println(submitResult);
    } catch (Exception e) {
      e.printStackTrace();
    }
  }
 
}
HttpSession session = req.getSession();
    String yzm = String.valueOf(session.getAttribute(username));
    logger.info(yzm);
    if (yzm == null) {
      return R.error("验证码错误");
    }
    if (yzm != null && !verifycode.equals(yzm)) {
      return R.error("验证码错误");
    }

最后附上短信验证码demo

package com.veesing.test; 

import java.io.IOException; 

import org.apache.commons.httpclient.HttpClient; 
import org.apache.commons.httpclient.HttpException; 
import org.apache.commons.httpclient.NameValuePair; 
import org.apache.commons.httpclient.methods.PostMethod; 
import com.alibaba.fastjson.JSONObject; 
import com.veesing.utils.Config; 

/** 
 * 短信验证码 
 * @author MWH 
 * 
 */ 
public class SmsCodeTest { 
    public static void main(String[] args) { 
        // 获取连接 
        HttpClient client = new HttpClient(); 
        // 短信验证码API接口地址 
        PostMethod method = new PostMethod("https://vip.veesing.com/smsApi/verifyCode"); 
        // 设置编码 
        client.getParams().setContentCharset("UTF-8"); 
        method.setRequestHeader("ContentType", "application/x-www-form-urlencoded;charset=utf-8"); 
        // 手机号码，一次只能提交一个手机号码 
        String phone = "15080929435"; 
        //模板ID(如没有模板ID请先在平台上新增并提交验证码模板，审核通过即可使用) 
        String templateId = "36"; 
        // 验证码变量(随机数) 
        Integer num = (int)((Math.random()*9+1)*1000); 
        String variables = num.toString(); 
        System.out.println("验证码是："+variables); 
        // 拼接参数 
        NameValuePair[] data = {  
                new NameValuePair("appId", Config.appid),  
                new NameValuePair("appKey", Config.appkey), 
                new NameValuePair("phone", phone),  
                new NameValuePair("templateId", templateId),  
                new NameValuePair("variables", variables) }; 
        method.setRequestBody(data); 
        try { 
            client.executeMethod(method); 
            String result = method.getResponseBodyAsString(); 
            // 返回结果 
            System.out.println(result); 
            JSONObject jsonObject = JSONObject.parseObject(result); 
            // 返回2000则发送成功(逻辑操作请根据接口文档返回参数自行判断) 
            if (jsonObject.get("returnStatus").equals("2000")) { 
                System.out.println("成功！"); 
            } else { 
                System.out.println("失败！"); 
            } 
            // 释放连接 
            method.setRequestHeader("Connection", "close");   
            method.releaseConnection(); 
        } catch (HttpException e) { 
            e.printStackTrace(); 
        } catch (IOException e) { 
            e.printStackTrace(); 
        } 
    } 
} 
使用三方的短信验证码，需要提供短信平台的appid和appkey，本文介绍的短信平台地址为：https://www.veesing.com，注册登录即可获取验证码所需要的appid和appkey。

 

veesing
关注
专栏目录
mvc模式下 通过post方式调用第三方接口{json}，发送短信验证码
u013407384的博客
07-13 1069
一、 action   ：import内容 没用的可以去掉import java.util.ArrayList;import java.util.List;import java.util.Map;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import org...
手机app调用接口
12-18
这是一个分布式的App服务端快速开发框架，用到的技术比较多，比如Spring Boot / Spring MVC / Spring Data Jpa，Gradle，Java8，Logback，Lombok，docker，redis等技术，不过有点挑战，要做好心里准备！！！
调用短信接口发送验证码，并对验证码进行验证
Megamind_HL的博客
03-14 2612
最近遇到用户注册时，需要调用短信接口，发送验证码，做了个调用淘宝短信接口的例子 首先需要对短信接口内容进行封装： public class SendMsg2Util { private static String url="http://gw.api.taobao.com/router/rest"; private static String appkey="xxxxxx...
短信接口-短信API-短信发送
最新发布
lupai的博客
08-13 566
sign = MD5( appid1formatjsonmobile18688888888template_id10000template_param{“code”:695865}time1545829466密钥) 查看加密规则说明 密钥不需要键名，请直接跟上32位的密钥。通过后台添加签名，再添加模版。template_id 是 String 模版id，通过后台添加签名，再添加模版，会产生相应的ID 10000。红色部分代表参数值，appid默认为1，请修改为自己的appid值，去我的应用查看以及密钥。
第三方短信验证码服务
qq_42980244的博客
08-17 1345
1.找一个第三方的短信验证码接口API 例如：　https://www.juhe.cn/ 2.注册账户，登录 3.找到对应的模板id和appKey 4.代码实现 package com.c; import java.io.BufferedReader; import java.io.InputStreamReader; import java.net.URL; import...
java第三方短信验证平台_java 利用第三方工具发送短信验证码
weixin_28946735的博客
02-27 227
今天接到一个任务，涉及到用户可以通过短信登录、注册的问题。虽然很常见，但是自己没有真正的实现过，今天借助百度和别人的一些博客完成了这一个发送验证码的功能。(1)先在http://sms.webchinese.com.cn/default.shtml 网建短信通 注册一个账号，这是注册成功后的信息接口密钥：直接贴上代码即可使用：package com.dao;import org.apache...
mob集成第三方短信验证码
07-18
本文将详细介绍如何在Eclipse环境下，使用Mob平台集成第三方短信验证码服务，以提升应用的安全性。 首先，理解"Mob"是一个为开发者提供多种服务的平台，其中包括短信验证码服务。这种服务允许开发者快速集成短信...
获取手机短信验证码源码
03-12
这通常需要集成第三方短信服务商的API，如阿里云、腾讯云等，提供接口调用。 3. **用户输入**：用户收到短信后，在应用或网页上输入验证码。 4. **验证码验证**：系统接收到用户输入的验证码后，与服务器保存的...
微信小程序发送短信验证码完整实例
10-17
- 提供了获取验证码的函数getCode，它会调用zhenzisms.js中的zhenzisms.client.send方法发送请求到第三方短信服务。 - 实现了一个倒计时功能，通过Promise和setInterval实现，每秒更新一次倒计时秒数，并在倒计时...
百度手机号登录iApp源码V3 无需跳转第三方APP或者网页.zip
05-14
本项目提供的"百度手机号登录iApp源码V3 无需跳转第三方APP或者网页"旨在简化登录流程，避免用户在不同应用间跳转，提高登录效率。下面我们将详细探讨此源码中的关键知识点。 首先，源码对接了百度网页版登录接口，...
调用第三方接口发送短信接口
06-17
调用第三方短信平台的接口，实时发送短信。需要申请一个帐号（account）和密码（password）。
爆肝整理，手机App接口测试大全指南，看这篇就够了...
m0_60054525的博客
06-20 2577
App和Web请求服务器端接口有什么区别？1、大多数项目如果有app的话，而且web端和app端的页面显示结构已经功能都相似，调用的后台接口也是一样的。2、但是有些项目偏向于pc/web端的业务的时候，web页面的结构要比移动端（app）复杂度多，背后的代码逻辑也复杂的多。但是app端就比较简单了，很有可能就没有app，只是简单的一个小程序页面，这种情况下：web页面和app/小程序页面调用的后台接口是不同的（接口的作用大概相同，但是可能部署在不同的服务里面）。
接收短信验证码
Chen_binbin的博客
05-11 2709
工具类util package com.cbb.util; import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.net.URL; import java.net.URLConnection
手机号登录接口
淘小欣的博客
05-16 792
07.手机号登录接口 分析 只需要手机号和验证码，post 后端 views.py @action(methods=['POST'], detail=False) def login_phone(self, request, *args, **kwargs): # 序列化类 ser = UserPhoneModelSerializer(data=request.data) ser.is_valid(raise_exception=True)
短信验证码api
weixin_30377461的博客
08-25 873
最近遇到的项目需要个随机短信验证码实现注册用户 选用的是“云信使”，因为有15条免费的测试短信可以验证代码是否正确调用该短信api 地址 进入短信平台 一、实名认证 + 短信模板 用户认证完成后，创建一个验证码的短信模板 等待审核 二、下载SDK示例文档 往下拉 在项目中引入MessageLogController.java ...
如何成为用户真正需要的短信验证平台
qq_42872245的博客
08-24 584
想要注册个app需要验证身份怎么办？登录app忘记了密码怎么办？想要修改密码怎么办？ 使用手机短信验证，可以说我们现在的生活都离不开短信验证，尤其是在手机号码实名制之后，短信验证成了身份证般的存在。也正是因为短信验证的需要，市场上出现了很多短信验证平台。 在众多的平台中，他们都有着各自特色的地方，有的可以发送国内外短信，有的可以验证手机号码格式，有的可以WEB自助发送短信，有的有24小时在线的...
实现Android应用调用第三方(高德、百度、腾讯)地图应用导航（仿微信调用第三方地图）
热门推荐
不言三尺剑
08-27 2万+
在Android开发工作中，遇到一需求，需要在公司项目的应用中点击地图上的位置，弹出导航并选择跳转到一个第三方地图应用（高德地图、百度地图、腾讯地图）。 于是搜索了下，找到很多有用信息，在此把个人总结的分享出来^ . ^  首先来看下UI图，这里没有使用弹出的形式，这只是个演示…… 这里的经纬度是高德腾讯地图的经纬度，可以在这个在线地图经度纬度查询获取地理位置的经纬度信息 下面是布局文...
如何调用第三方接口
weixin_44303631的博客
04-09 4072
这里的方法只是测试接口用的，看看就行了。有兴趣的直接粘贴代码使用即可。 先来js代码（使用node.js编写，需要安装express，axios以及cors） const express = require('express') const axios = require('axios').default var cors = require('cors') const app = expres...
策略模式进行用户名密码认证、短信验证码认证、第三方登录认证
04-04
// 实现第三方登录认证逻辑 } } ``` 3. 在应用程序中，我们可以根据需要选择不同的认证策略并调用 authenticate() 方法。 ```java public class AuthApplication { private AuthorizationStrategy strategy; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值