引入短信服务发送手机验证码进行安全校验

news2024/11/23 15:08:18

其他方案=>引入QQ邮箱发送验证码进行安全校验
相对短信验证码，操作更简单而且免费

最近想给自己的项目在注册时加点安全校验，准备使用免费的邮箱验证来着，在上一篇引入QQ邮箱进行安全校验时，看有朋友说阿里云会送一些短信服务免费额度，于是去官网一看，果然送了100条额度，因此在此写一篇使用流程与邮箱验证作为不同解决方案。

一.需求分析

  • 场景：用户输入自己的邮箱，点击获取验证码，后台会发送一封邮件到对应邮箱中。

  • 分析：防止刷爆邮箱，可以限制一分钟内只能获取一次。

    • 前端：期限内禁用button按钮。
    • 后端：存入redis设置过期时间，请求先判断redis中是否有数据。

二.服务介绍

  • 目前市面上有很多第三方提供的短信服务，这些第三方短信服务会和各个运营商（移动，联通，电信）对接，我们只需要购买服务后按照其提供的开发文档进行调用就可以发送短信了。常用的短信服务：
    • 阿里云
    • 腾讯云
    • 华为云

由于白嫖的是阿里云的免费额度，此文介绍如何引入阿里云短信服务~

三.服务配置

首先要到官方对服务进行相关的配置

  1. 进入阿里云官网并登录，顶部搜索短信服务
    在这里插入图片描述

  2. 进入短信服务控制台
    在这里插入图片描述

  3. 选择国内消息菜单，首先添加短信签名，用于标识短信发送者的身份
    在这里插入图片描述

  4. 其次申请短信模板，用于定义发送短信的内容格式。
    在这里插入图片描述

  5. 鼠标移动到右上角用户头像上，在弹出的窗口中点击[AccessKey管理]，类似于用户名密码，提供于程序中访问阿里云鉴权
    在这里插入图片描述

  6. 进入后，可以选择使用子用户，权限更小，不小心泄露AccessKey导致的危害比较小，但操作相对繁琐
    在这里插入图片描述

  7. 首先需要创建一个用户，可以其中控制只允许OpenAPI调用访问
    在这里插入图片描述

  8. 创建好后会生成一对AccessKey，需要妥善保管，防止泄露
    在这里插入图片描述

  9. 点击创建好的用户，给其授予相应的短信服务权限。
    在这里插入图片描述

至此完成了短信服务的相关配置，接下来一起看看如何在项目中使用吧~

四.后端开发

官方提供非常详细的使用流程，可以选择自己查看帮助文档学习使用.

  • 具体开发步骤：
    • 导入maven坐标
    • 调用API

(1) 环境搭建

  1. 在maven中导入如下坐标
        <!--短信验证码所需jar包-->
        <dependency>
            <groupId>com.aliyun</groupId>
            <artifactId>aliyun-java-sdk-core</artifactId>
            <version>4.5.16</version>
        </dependency>
        <dependency>
            <groupId>com.aliyun</groupId>
            <artifactId>aliyun-java-sdk-dysmsapi</artifactId>
            <version>2.1.0</version>
        </dependency>
  1. 由于我们需要使用redis缓存验证码因此还要导入redis的jar包
   <!--     使用redis缓存验证码时效-->
         <dependency>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-starter-data-redis</artifactId>
         </dependency>
  1. 在yml文件中配置redis,设置了redis密码记得加上密码配置
spring:
  redis:
    # redis数据库索引(默认为0)，我们使用索引为3的数据库，避免和其他数据库冲突
    database: 3
    # redis服务器地址（默认为localhost）
    host: localhost
    # redis端口（默认为6379）
    port: 6379

(2) 代码开发

复制官方提供的测试案例，填充入在服务配置中获取的相应的参数即可。
在这里插入图片描述

可在自己项目中根据自己的需求将官方案例封装为工具类调用

package com.example.utils;

import com.aliyuncs.DefaultAcsClient;
import com.aliyuncs.IAcsClient;
import com.aliyuncs.dysmsapi.model.v20170525.SendSmsRequest;
import com.aliyuncs.dysmsapi.model.v20170525.SendSmsResponse;
import com.aliyuncs.exceptions.ClientException;
import com.aliyuncs.exceptions.ServerException;
import com.aliyuncs.profile.DefaultProfile;

/**
 * 短信发送工具类
 */
public class SMSUtils {
    // 签名
    private final static String SIGN_NAME = "XXXX";
    // 模板
    private final static String TEMPLATE_CODE = "XXXX";

    /**
     * 发送短信
     *
     * @param phoneNumbers 收信人手机号
     * @param param        发送的验证码
     */
    public static void sendMessage(String phoneNumbers, String param) {
        // 配置的accessKeyId和secret
        DefaultProfile profile = DefaultProfile.getProfile("cn-hangzhou", "xxxx", "xxxxxx");
        IAcsClient client = new DefaultAcsClient(profile);

        SendSmsRequest request = new SendSmsRequest();
        request.setSysRegionId("cn-hangzhou");
        // 收信人手机号
        request.setPhoneNumbers(phoneNumbers);
        // 申请的签名
        request.setSignName(SIGN_NAME);
        // 申请的模板
        request.setTemplateCode(TEMPLATE_CODE);
        // 替换模板中的参数，必须为Json格式
        request.setTemplateParam("{\"code\":\"" + param + "\"}");
        try {
            // 获取发送结果
            SendSmsResponse response = client.getAcsResponse(request);
            System.out.println(response);
        } catch (ServerException e) {
            e.printStackTrace();
        } catch (ClientException e) {
            // 打印处理结果
            System.out.println("ErrCode:" + e.getErrCode());
            System.out.println("ErrMsg:" + e.getErrMsg());
            System.out.println("RequestId:" + e.getRequestId());
        }
    }

}

编写短信服务接口：

package com.example.controller;

@RestController
@CrossOrigin("http://localhost:63342")
public class SendCode {

    /**
     * @param targetPhone 用户手机号
     * @return
     */
    @GetMapping("/getCode")
    @ResponseBody
    public String phone(@RequestParam("targetPhone") String targetPhone) {
        //生成六位数验证码
        int authNum = new Random().nextInt(899999) + 100000;
        String authCode = String.valueOf(authNum);
        SMSUtils.sendMessage(targetPhone,authCode);
        return "发送成功";
    }
}

启动服务测试接口

GET http://localhost:8080/getCode?targetPhone=158xx889

查看手机我们可以看到成功接收到了验证码
在这里插入图片描述

至此我们已经成功实现了调用阿里云短信服务发送验证码的功能

(3) 缓存改进

如果仅仅是上述那样，当碰到恶意用户时，我们的财产将面临非常危险的处境，因此可以引入缓存来简单改进代码

package com.example.controller;

import com.example.utils.SMSUtils;
import com.example.utils.SendMailUtil;
import org.springframework.data.redis.core.RedisTemplate;
import org.springframework.web.bind.annotation.*;

import javax.annotation.Resource;
import java.util.Random;
import java.util.concurrent.TimeUnit;

@RestController
@CrossOrigin("http://localhost:63342")
public class SendCode {
    @Resource
    private RedisTemplate<String, String> redisTemplate = new RedisTemplate<>();

    /**
     * @param targetPhone 用户手机号
     * @return
     */
    @GetMapping("/getCode")
    @ResponseBody
    public String phone(@RequestParam("targetPhone") String targetPhone) {
        // 发送前先看下我们是否已经缓存了验证码
        String yzm = redisTemplate.opsForValue().get("yzm");
        // 判断是否存在
        if (yzm == null){
            // 生成六位数验证码
            int authNum = new Random().nextInt(899999) + 100000;
            String authCode = String.valueOf(authNum);
            // 不存在，我们发送验证码给用户
            SMSUtils.sendMessage(targetPhone,authCode);
            // 存入redis中，设置有效期为1分钟
            redisTemplate.opsForValue().set("yzm", authCode, 1, TimeUnit.MINUTES);
            return "发送成功";
        }
        // 存在，直接返回，不再发送验证码~
        return "请勿重复发送验证码";
    }
}

重新多次测试接口查看效果，可发现短时间内只能获取一次：
在这里插入图片描述

如此我们便简单的完善了获取验证码功能。

五.前端(补充)

用原生js简单写了一个界面，感兴趣的可以看一看
在这里插入图片描述

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <input id="phoneNum" type="text">
    <button id="getCode">获取验证码</button>
</div>
<script>

    /*按钮禁用60秒,并显示倒计时*/
    function disabledButton() {
        const getCode = document.querySelector("#getCode")
        getCode.disabled = true
        let second = 60;
        const intervalObj = setInterval(function () {
            getCode.innerText = "请" + second + "秒后再重试"
            if (second === 0) {
                getCode.innerText = "获取验证码"
                getCode.disabled = false
                clearInterval(intervalObj);
            }
            second--;
        }, 1000);
    }

    document.querySelector("#getCode").addEventListener('click', function () {
        const phoneNum = document.querySelector("#phoneNum")
        let xhr = new XMLHttpRequest();
        xhr.open("GET", "http://localhost:8080/getCode?targetPhone=" + phoneNum.value, true);
        xhr.send();
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
                alert(xhr.response);
                disabledButton()
            }
        }
    })

</script>
</body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/346840.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

论文阅读 | Video Super-Resolution Transformer

论文阅读 | Video Super-Resolution Transformer

引言&#xff1a;2021年用Transformer实现视频超分VSR的文章&#xff0c;改进了SA并在FFN中加入了光流引导 论文&#xff1a;【here】 代码&#xff1a;【here】 Video Super-Resolution Transformer 引言 视频超分中有一组待超分的图片&#xff0c;因此视频超分也经常被看做…
阅读更多...
【网络原理4】TCP特性篇

【网络原理4】TCP特性篇

目录 一、滑动窗口 传统发送接收机制的缺点 滑动窗口的特性 发送方什么时候会接着发送下一条报文 如果在滑动窗口的机制下面发生了丢包会怎样处理 情况1&#xff1a;ack丢了 情况2&#xff1a;主动发送的syn丢包了 滑动窗口的应用场景 二、TCP流量控制&#xff1a;根据接…
阅读更多...
大数据下Flink on YarnSession 高可用集群环境部署开辟资源发布任务

大数据下Flink on YarnSession 高可用集群环境部署开辟资源发布任务

前言&#xff1a;搭建大数据环境集群环境算是比较麻烦的一个事情&#xff0c;并且对硬件要求也比较高其中搭建大数据环境需要准备jdk环境和zk环境&#xff0c;还有hdfs&#xff0c;还有ssh之间的免密操作&#xff0c;还有主机别名访问不通的问题 等。必然会出现的问题&#xff…
阅读更多...
拆个微波炉，分析一下电路

拆个微波炉，分析一下电路

微波炉是用2450MHz的超高频电磁波来加热食品&#xff0c;它能无损穿越塑料&#xff0c;陶瓷&#xff0c;不能穿越金属&#xff0c;碰到金属会反射&#xff0c;但穿过含水食物&#xff0c;食物内的分子会高速摩擦&#xff0c;产生热量&#xff0c;使食物变熟。在厨房电器中&…
阅读更多...
自学180天，我从功能测试进阶到自动化测试了...

自学180天，我从功能测试进阶到自动化测试了...

大家好&#xff0c;我是彭于晏&#xff0c;一个7年测试工作的老司机。因为我一直在分享自动化测试技术&#xff0c;所以时常会被问到这个问题&#xff1a;“靓仔&#xff0c;功能测试想转自动化测试&#xff0c;请问要怎么入手&#xff1f;” 那么&#xff0c;接下来我就结合自…
阅读更多...
不愧是GitHub点赞飙升的Java10W字面经，面面俱到，太全了！

不愧是GitHub点赞飙升的Java10W字面经，面面俱到，太全了！

最新的喜报啊&#xff0c;话不多说&#xff0c;先看图&#xff01;&#xff08;为了保护朋友的隐私&#xff0c;同时还有我自己的隐私&#xff0c;楼主就都打码了~&#xff01;&#xff09; 朋友说到这儿时候我就跟他说&#xff0c;不要只看眼前&#xff0c;要看长远一些&#…
阅读更多...
前端开发之防抖与节流

前端开发之防抖与节流

前端开发中我们经常会通过监听某些事件来完成项目需求 1.通过监听 scroll 事件&#xff0c;检测滚动位置&#xff0c;根据滚动位置显示返回顶部按钮 2.通过监听 resize 事件&#xff0c;对某些自适应页面调整DOM的渲染&#xff08;通过CSS实现的自适应不再此范围内&#xff09;…
阅读更多...
动态库和静态库的区别

动态库和静态库的区别

什么是库文件 一般来说&#xff0c;一个程序&#xff0c;通常都会包含目标文件和若干个库文件。经过汇编得到的目标文件再经过和库文件的链接&#xff0c;就能构成可执行文件。库文件像是一个代码仓库或代码组件的集合&#xff0c;为目标文件提供可直接使用的变量、函数、类等…
阅读更多...
Hadoop3.3.0--Linux编译安装

Hadoop3.3.0--Linux编译安装

Hadoop3.3.0–Linux编译安装 基础环境&#xff1a;Centos 7.7 编译环境软件安装目录 mkdir -p /export/server一、Hadoop编译安装&#xff08;选做&#xff09; 可以直接使用课程提供已经编译好的安装包。 安装编译相关的依赖 yum install gcc gcc-c make autoconf automake…
阅读更多...
leaflet 上传CSV文件，导出geojson格式文件（064）

leaflet 上传CSV文件，导出geojson格式文件（064）

第064个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+leaflet中加载CSV文件，将图形显示在地图上。点击导出geojson，下载成geojson文件。 直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果. 文章目录 示例效果配置方式示例源代码（共114行）安装插件…
阅读更多...
如何判断是否ChatGPT回答出来的问题？解决方法详解

如何判断是否ChatGPT回答出来的问题？解决方法详解

目录 前言 一、人工智能&#xff08;“ChatGPT”等&#xff09;能淘汰人类吗&#xff1f; 二、完全禁止或严格限制使用ChatGPT&#xff0c;是利大于弊还是&#xff1f; 1、ChatGPT与造纸术优点 2、人有悲欢离合&#xff0c;月有阴晴圆缺&#xff0c;此事古难全&#xff01…
阅读更多...
Python基础-数据类型之序列

Python基础-数据类型之序列

序列&#xff1a;一种数据结构&#xff0c;序列中的每个元素都会被分配到一个序号&#xff08;元素的位置&#xff09;。 常用的序列有&#xff1a;列表、元组、字符串。 一、序列的操作&#xff1a; 1&#xff1a;通过索引取值 nums_list [1,2,3,4] print(nums_list[0]) …
阅读更多...
消息队列的特点

消息队列的特点

一、背景&#xff1a;在分布式系统中是如何处理高并发的由于在高并发的环境下&#xff0c;来不及同步处理用户发送的请求&#xff0c;则会导致请求发送阻塞。比如说&#xff0c;大量的insert、update之类的请求同时到达数据库MYSQL&#xff0c;直接导致无数的行锁表锁&#xff…
阅读更多...
零基础机器学习做游戏辅助第十一课--原神自动钓鱼（一）

零基础机器学习做游戏辅助第十一课--原神自动钓鱼（一）

一、序言 前面我们已经学习了神经网络，卷积神经网络和强化学习等内容，也都做了对应的实例。但是我们的课是做游戏辅助，那么肯定要去游戏里实战一番。 今天就带领大家用我们所学的知识对近两年非常火爆的游戏《原神》进行实战。我们以自动钓鱼为例。 二、观察游戏玩法制定方案…
阅读更多...
Seata源码学习（五）- Seata服务端（TC）源码解读

Seata源码学习（五）- Seata服务端（TC）源码解读

Seata源码分析- Seata服务端&#xff08;TC&#xff09;源码解读 上节课我们已经分析到了SQL语句最终的执行器&#xff0c;但是再往下分析之前&#xff0c;我们需要先来分析一下TM客户端与TC端通讯以后&#xff0c;TC端的具体操作 服务端表解释 我们的Seata服务端在应用的时…
阅读更多...
RabbitMq及其他消息队列

RabbitMq及其他消息队列

消息队列中间价都有哪些 先进先出 Kafka、Pulsar、RocketMQ、RabbitMQ、NSQ、ActiveMQ 架构 消费推拉模式 客户端消费者获取消息的方式&#xff0c;Kafka和RocketMQ是通过长轮询Pull的方式拉取消息&#xff0c;RabbitMQ、Pulsar、NSQ都是通过Push的方式。 pull类型的消息队…
阅读更多...
OpenCV制作Mask图像掩码

OpenCV制作Mask图像掩码

一、掩膜&#xff08;mask&#xff09; 在有些图像处理的函数中有的参数里面会有mask参数&#xff0c;即此函数支持掩膜操作&#xff0c;首先何为掩膜以及有什么用&#xff0c;如下&#xff1a; 数字图像处理中的掩膜的概念是借鉴于PCB制版的过程&#xff0c;在半导体制造中&am…
阅读更多...
PowerShell Install VNC-Server VNC-Viewer

PowerShell Install VNC-Server VNC-Viewer

前言 VNCConnect是一款屏幕共享、远程控制电脑软件&#xff0c;可以让您连接到世界上任何地方的远程计算机&#xff0c;实时观看其屏幕&#xff0c;并像坐在它前面一样进行控制。RealVNC可以将人和设备连接到任何地方&#xff0c;实现控制、支持、管理、监控、培训、协作等等。…
阅读更多...
Java——不同的子序列

Java——不同的子序列

题目链接 leetcode在线oj题——不同的子序列 题目描述 给定一个字符串 s 和一个字符串 t &#xff0c;计算在 s 的子序列中 t 出现的个数。 字符串的一个 子序列 是指&#xff0c;通过删除一些&#xff08;也可以不删除&#xff09;字符且不干扰剩余字符相对位置所组成的新…
阅读更多...
【C语言学习笔记】：数组、指针相关面试题

【C语言学习笔记】：数组、指针相关面试题

无特殊说明情况下&#xff0c;下面所有题s目都是linux下的32位C程序。 「1、计算以下sizeof的值。」 char str1[] {a, b, c, d, e}; char str2[] "abcde";char *ptr "abcde";char book[][80]{"计算机应用基础","C语言","C程…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023