Python 200行代码实现一个滑动验证码过程详解
作者：千锋Python唐唐君 发布时间：2022-08-24 18:24:35
前言
做网络爬虫的同学肯定见过各种各样的验证码，比较高级的有滑动、点选等样式，看起来好像挺复杂的，但实际上它们的核心原理还是还是很清晰的，本文章大致说明下这些验证码的原理以及带大家实现一个滑动验证码。
实际上这类验证码的校验是分为两个步骤的：
1.第一步就是前端的校验。一般来说，登录注册页面在点击提交的时候都会伴随着一个表单提交，在表单提交的时候会有 JavaScript 事件的触发。如果加入了验证码，那么在表单提交的时候会多加一个额外的验证，判断这个验证码是否已经成功完成了操作。如果没有的话，那就直接取消表单的提交，然后顺便提示说”您的验证没通过，请重新验证“，诸如此类的话。所以这一步就能防范”君子“之为了。
2.第二步就是服务端的校验。意思就是说表单提交之后，会有请求发送到服务器，这个请求中包含了很多数据，比如用户名、密码，如果对接了验证码的话，还会有额外的验证码的值，或者更复杂的加密后的 Token 值，服务器会对发过来的信息进行校验，如果验证通过，那么整个请求就成功了，返回正常的响应，否则返回错误的响应。所以如果想要通过程序来直接构造表单提交的时候，服务端就可以做进一步的校验，由于提交的验证码相关的信息都是和服务端的 Session 相关联的，另外再加上一些 CSRF 等的校验，所以这一步就能防范”小人“之为了。
上面就是验证码校验的两个阶段，一般来说为了安全性，在开发一个网站时需要客户端和服务端都加上校验，这样才能保证安全性。
本文章主要来介绍一下第一个阶段，也就是前端校验的验证码的实现，下面来介绍一下拖动验证码的具体实现。
需求
那么前端完成一个合格的验证码，究竟需要做成什么样子呢？
1.首先验证码有个大体的雏形，既然是拖动验证码，那就要拖动块和目标块，我们需要把拖动块拖动到目标块上就算校验成功。
2.验证码的一个功能就是来规避机器的自动操作，所以我们需要通过轨迹来判断这个拖动过程是真实的人还是机器，因此我们需要记录拖动的路径，路径经过计算之后可以发送到后端进行进一步的分类，比如对接深度学习模型来分类拖动轨迹是否是人。
来源：https://www.cnblogs.com/cherry-tang/p/11121554.html
0
投稿猜你喜欢
- 前段时间在开发雨哲树网程序的时候，遇到需要转换地址中的参数，需要用到简单可逆运算的加密功能。在网上找了很多都不理想。因为我需要的这个可逆运算
之前整理发表了《XMLHTTPRequest的属性和方法简介》,它ajax要使用的核心的技术之一，现在就来实际运用它。这个Ajax标签导航，- 什么是冗余字段？在设计数据库时，某一字段属于一个表，但它又同时出现在另一个或多个表，且完全等同于它在其本来所属表的意义表示，那么这个字段就是
- WebDriver简介selenium从2.0开始集成了webdriver的API，提供了更简单，更简洁的编程接口。selenium web
- 通过python处理光斑图像1 相关包与图像读取首先需要科学计算必备包numpy和画图包matplotlib.pyplot，我们通过后者进行
- 首先，到底什么是网络服务器？简而言之，它是在物理服务器上搭建的一个网络连接服务器（networking server），永久地等待客户端发送
- 前言首先线程和线程池不管在哪个语言里面，理论都是通用的。对于开发来说，解决高并发问题离不开对多个线程处理。我们先从线程到线程池，从每个线程的
- 前言：作为测试工程师都知道，json格式的文件使我们常用的一种数据存放形式，那么对于python文件的处理，python语言有着得天独厚的条
- 前言引用一张比较清晰易懂的图php伪协议是php自己支持的一种协议与封装协议，简单来说就是php定义的一种特殊访问资源的方法。常见的php伪
- 一种小技巧，可以让python捕获信号量HUP 然后当使用 kill 发起HUP信号量的时候 捕获到进行处理，可以处理为重新读取配置文件并重
- 简介在日常开发中，我们的大部分时间都会花在阅读traceback模块信息以及调试代码上。本文我们将改进traceback模块，让其中的提示信
- 在web2.0的站中用户互动性是很强的，例如用户留言我们可能放开img标签，允许用户外链其他站点的图片，那么我们就需要解决图片尺寸过大所带来
- 8. 使用DECODE函数来减少处理时间使用DECODE函数可以避免重复扫描相同记录或重复连接相同的表. 例如: SELECT COUNT(
- close方法可以释放一个连接的资源，但是不是立即释放，如果想立即释放，那么在close之前使用shutdown方法shut_rd() --
- 有关pygal的安装，大家可以参阅《pip和pygal的安装实例教程》。直方图：直方图是一个特殊的条，它可以取3个数值：纵坐标高度，横坐标开
- 上期回顾:亚马逊购物用户体验分析 (二)方便的导航元素任何网上商店的成功，至关重要的一点，就是用户可以简单轻松地使用导航条。基本店铺分类，用
- 项目地址：https://github.com/chen0495/pythonCrawlerForJSU环境python 3.5即以上req
- 本文实例讲述了Python实现螺旋矩阵的填充算法。分享给大家供大家参考，具体如下：afanty的分析：关于矩阵（二维数组）填充问题自己动手推
- 首先对空格宽度的定义：空格，由于每个浏览器处理会有微小的不同，在这里我将可以选中的宽度作为空格的宽度。视觉宽度和可选中的宽度有 0~3px
- 前言在前一篇的博文中，我们详细讲解了傅里叶变换的原理以及使用Numpy库实现傅里叶变换。但是其实OpenCV有直接实现傅里叶变换的函数。在O
