一种点击式动态验证码方法与流程

1.本发明涉及验证码技术领域，特别是指一种点击式动态验证码方法。


背景技术：

2.在当前互联网应用中，为了应对网络攻击，验证码已广泛应用。常见的验证码包括文字图片验证码、文字点选验证码、滑动拼图验证码、刮刮卡式验证码、图片旋转验证码等等。但是当前的验证码验证较为麻烦，增加了许多复杂的识别、判断操作，而且随着破解技术的进步，应用开发者不得不增加验证码难度，常常使用户面临多次验证失败的情况，用户体验较差。


技术实现要素：

3.本发明的目的在于，提供一种点击式动态验证码方法，不依赖键盘输入即可完成操作，可以快速完成验证，并保证验证的安全性，并增加验证过程中的趣味性。
4.为了达到以上目的，本发明提供一种点击式动态验证码方法，其特征在于，验证码是包含图形元素的动态图像或视频，或是一个或多个包含图形元素且属性可以变化的静态图像；在初始状态时，所述的动态图像、视频或静态图像中显示的图形元素存在可以辨别的异常，或所述的动态图像、视频中的多个图形元素之间可以通过图形元素各自属性的变化进行组合，或所述的多个静态图像可以通过调整各自的属性使各自包含的图形元素之间进行组合，又或是所述的动态图像或视频或静态图像所含图形元素与验证提示描述的状态不同；随后所述的动态图像或视频开始播放且所述的动态图像、视频中的图形元素的属性逐渐变化，或所述的静态图像的属性逐渐变化；当用户点击按钮或其他可以处理反馈的控件进行确认时，所述的动态图像、视频或静态图像中图形元素的异常恰好消失，或所述的动态图像、视频中的多个图形元素之间通过图形元素自身属性的变化恰好完成组合，或所述的多个静态图像之间通过调整各自的属性使各自包含的图形元素之间恰好完成组合，或所述的动态图像或视频或静态图像所含图形元素恰好达到所述验证提示中描述的状态，则验证成功，否则验证失败。
5.进一步的，所述静态图像的属性包括大小、位置、角度。
6.进一步的，所述异常包括变形、角度异常。
7.进一步的，所述的动态图像、视频中图形元素的属性变化包括位移、旋转、缩放、变形、镜像、分辨率变化、风格化。
8.进一步的，所述的动态图像或视频播放完毕后重新播放，所述的静态图像的属性完成一系列变化后重新开始此系列变化。
9.进一步的，所述的动态图像或视频中包括至少一个可验证成功的状态，所述的静态图像的属性的一系列变化中包括至少一个可验证成功的状态。
10.进一步的，所述的验证提示为文字提示或图像提示或两者组合。
附图说明
11.为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
12.图1是本发明实施例1的流程图。
13.图2a、2b是本发明实施例1提供的验证图片示意图。
14.图3是本发明实施例2的流程图。
15.图4a、4b是本发明实施例2提供的验证图片示意图。
16.图5是本发明实施例3的流程图。
17.图6a、6b是本发明实施例3提供的验证码动态图片示意图。
18.图7是本发明实施例4的流程图。
19.图8a、8b、8c是本发明实施例4提供的验证码动态图片示意图。
具体实施方式
20.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有付出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
21.以下为本发明的实施例1。
22.本实施例的验证码为一个围绕自身中心旋转的图片。图片的内容为一个房子，图片的初始状态如图2a，图中的房子没有处于水平状态，可以通过旋转图片使房子达到水平状态(图2b)，登录页面的后台数据提供了房子接近水平时图片的旋转角度范围，在本实例中，此角度范围为155
°
至165
°
。
23.本实施例的流程图如图1所示，包括以下几个步骤：步骤一、用户进入到需要进行验证的登录页面，验证码进行加载，此时验证码图片处于初始状态（图2a）；步骤二、验证码图片开始围绕自身中心进行顺时针旋转；步骤三、用户观察验证码图片的转动，当验证码图片中的房子到达水平位置时(图2b)，点击进行确认；步骤四、若用户点击时图片旋转的角度在后台所提供的旋转角度范围之中，则验证成功，否则验证失败,需要重新验证。
24.此实例与现有的旋转验证码类似，不同的是验证码图片由用户手动控制旋转变成了自动旋转，在旋转到正确位置时，用户进行点击确认。相比于现有的旋转验证码具有操作便捷、体验感好的特点，且可以通过调整图片转动速度改变验证难度，且可以方便的从现有旋转验证码的基础上进行改造，方便开发人员进行开发和推广应用。
25.以下为本发明的实施例2。
26.如图4a、4b所示，本实施例的验证码包含前景图1和背景图2，背景图2是固定的，内部有一缺口，前景图1可以在横向方向进行移动。当前景图移动到某一些位置时，可以正好
匹配到背景图的缺口上（图4b）。后台提供了正确匹配时前景图的横坐标范围。在本实施例中，此横坐标范围为325像素至345像素。
27.本实施例的流程图如图3所示，包括以下几个步骤：步骤一、用户进入到需要进行验证的登录页面，验证码进行加载，此时验证码图片处于初始状态（图4a）；步骤二、前景图从背景图的左侧逐渐移动到背景图的右侧，当移动到最右侧之后，返回左侧重新开始移动；步骤三、用户观察到前景图与背景图正好匹配时(图4b)进行点击；步骤四、当用户点击时前景图的坐标与背景图坐标范围符合时。验证成功，否则验证失败。
28.本实施例与现有的滑动验证码类似，不同的是验证码前景图片由用户手动控制移动变成了自动移动，在前景图片移动到正确位置时，用户进行点击确认。相比于现有的滑动验证码具有操作方便、体验感好的特点，且可以通过调整前景图片移动速度改变验证难度，且可以方便的从现有滑动验证码的基础上进行改造，方便开发人员进行开发和推广使用。
29.以下为本发明的实施例3。
30.本实施例中验证码为一幅动态图片，格式为gif，图6a、6b是动态图片中的两帧图像。动态图片中包含一个帽子和一个人像，当帽子正好戴在人像的头上时验证成功,后台提供了验证成功时的对应的动态图片的帧序号范围，在本实施例中，该帧序号范围为第23帧至第32帧，及第45帧至第52帧。
31.本实施例的流程图如图5所示，包括以下几个步骤：步骤一、用户进入到需要进行验证的登录页面，验证码进行加载；步骤二、验证码中显示正确验证时的图片，即帽子戴在人头上的图片（图6b）；步骤三、动态图片开始播放，帽子以一定的轨迹在在画面中移动。当图像播放到末尾时，从头开始播放；步骤四、用户观察到帽子戴在人像头上时(图6b)进行点击；步骤五、当用户点击时，动态图像当前帧序号与后台提供的正确验证时的帧序号范围一致时，则验证成功，否则验证失败。
32.此实施例具有操作方便、体验感好的特点，可以通过调整动态图片播放速度改变验证难度，并且较难破解、安全性高。
33.以下为本发明的实施例4。
34.本实施例中验证码为一幅动态图片，格式为gif，图8a、8b、8c是动态图片中的三帧图像。图片的内容是一个运动员投球进入篮筐，以及球从篮筐中穿过掉落的过程。验证码的上方显示文字提示：“当球恰好进入篮筐中点击进行验证”，后台提供了验证成功时的对应的动态图片的帧序号范围，在本实施例中，该帧序号范围为第35帧至第42帧。
35.本实施例的流程图如图7所示，包括以下几个步骤：步骤一、用户进入到需要进行验证的登录页面，验证码进行加载，并显示文字提示；步骤二、动态图片开始播放，播放运动员投球进入篮筐，以及球从篮筐中穿过掉落的过程。当图像播放到末尾时，从头开始播放；
步骤三、用户观察到球恰好进入篮筐中时(图6b)进行点击；步骤四、当用户点击时，动态图像当前帧序号与后台提供的正确验证时的帧序号范围一致时，则验证成功，否则验证失败。
36.此实施例具有操作方便、体验感好的特点，可以通过调整动态图片播放速度改变验证难度，并且较难破解、安全性高。