调用阿里云web API实现滑块验证码

最新推荐文章于 2024-08-14 14:41:35 发布

蚂蚁今天不上班

最新推荐文章于 2024-08-14 14:41:35 发布

阅读量1.8k

点赞数 1

分类专栏：小模块&小功能个人博客搭建文章标签：前端

本文链接：https://blog.csdn.net/btfqn1024/article/details/115711728

版权

文章目录

本来想着弄一个算术验证码的，后来发现这玩意儿对我自己也太不友好了 😃，果断换个不费脑子的。

滑块验证码的实现原理

实现方式：根据用户在滑块滑动的响应时间，拖动速度等数据来验证。

优点：显著提高用户体验。

调用阿里云web API实现图形验证码

登录阿里云→控制台→云盾→选择验证码
在这里插入图片描述
接下来就按图行事吧~

在这里插入图片描述
第一次使用选择新增配置

在这里插入图片描述

在这里插入图片描述
根据接入文档，编写调用代码。

在这里插入图片描述
eg：
login.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>心随笔-博客管理登录</title>
    <link href="../../static/images/icon/blogicon.ico" th:href="@{/images/icon/blogicon.ico}" rel="icon" type="image/x-ico">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
  <link rel="stylesheet" href="../../static/css/mystyle.css" th:href="@{/css/mystyle.css}">
  <script