anji-plus-captcha 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
anji-plus-captcha 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 Apache
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 国产
提 交 者 Raod
适用人群 未知
收录时间 2020-05-11

软件简介

行为验证码(滑动拼图、点选文字),前后端(java)交互,包含 h5/flutter/uni-app 的源码和实现。

功能概述 

组件介绍

行为验证码采用嵌入式集成方式,接入方便,安全,高效。抛弃了传统字符型验证码展示-填写字符-比对答案的流程,采用验证码展示-采集用户行为-分析用户行为流程,用户只需要产生指定的行为轨迹,不需要键盘手动输入,极大优化了传统验证码用户体验不佳的问题;同时,快速、准确的返回人机判定结果。目前对外提供两种类型的验证码,其中包含滑动拼图、文字点选。如图1-1、1-2所示。若希望不影响原UI布局,可采用弹出式交互。


   滑动拼图     点选文字
       图1-1 滑动拼图(水印自定义)               图1-2 文字点选(水印自定义)

概念术语描述

术语 描述
验证码类型 1)滑动拼图 blockPuzzle 2)文字点选 clickWord
验证 用户拖动/点击一次验证码拼图即视为一次“验证”,不论拼图/点击是否正确
二次校验 验证数据随表单提交到后台后,后台需要调用captchaService.verification做二次校验。目的是核实验证数据的有效性。

交互流程

① 用户访问应用页面,请求显示行为验证码
② 用户按照提示要求完成验证码拼图/点击
③ 用户提交表单,前端将第二步的输出一同提交到后台
④ 验证数据随表单提交到后台后,后台需要调用captchaService.verification做二次校验。
⑤ 第4步返回校验通过/失败到产品应用后端,再返回到前端。如下图所示。 

时序图

电脑在线体验:https://mirror.anji-plus.com/captcha-web

微信小程序和H5在线体验(基于uni-app实现)

微信小程序                            

                     微信小程序                                                         

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (3)

加载中
有点意思,在我的项目里搞起先
11/13 11:36
回复
举报
先收藏,万一用得上
11/12 17:25
回复
举报
XT
django上能使用吗?
11/09 18:26
回复
举报
更多评论
暂无内容
发表了博客
2013/03/16 10:12

验证码CAPTCHA

Captcha http://baike.baidu.com/view/538168.htm EXIF http://baike.baidu.com/view/22006.htm

0
0
发表了博客
2019/02/14 12:44

CAPTCHA--验证码

验证码开发有两种方法: 1.自己用代码画一个 2.调用ValidateCode.jar工具包 第一种方式: 创建一个动态web工程 编写一个Servlet,在该Servlet内进行如下操作 验证码开发步骤: 1.在内存中创建一个图片对象 1 int width = 110; 2 int height = 25; 3 // 在内存中创建一个图片对象 4 ...

0
0
发表了博客
2019/07/28 13:24

django验证码captcha

官方文档 https://django-simple-captcha.readthedocs.io/en/latest/usage.html#installation 使用命令安装pip install django-simple-captcha==0.4.6 (==后面是版本号) 安装好之后添加到 settings.py中 把 url(r'^captcha/', include('captcha.urls')),添加到项目的urls.py中,如下图 Run python manage.py migrate 如下...

0
0
发表了博客
2019/10/31 15:35

Laravel - 验证码(captcha)

首先,登录网址 packagist.org 查找 laravel captcha,找到mews/captcha ,根据 packagist 上的使用方法一步步来实现验证码的安装。配置composer.json文件 composer 安装:composer require mews/captcha 注册providers (config/app.php) ,在这个数组中的最后追加如下代码: Mews\Captcha\CaptchaServiceProvider::c...

0
0
发表了博客
2012/05/08 09:34

CAPTCHA技术服务

CAPTCHA:Completely Automated Public Turing test to tell Computers and Humans Apart.

0
0
发表于开源治理专区
10/29 00:13

php版本的svg-captcha

在php中生成svg格式的验证码 thinkphp6 svg-captcha 还没有优化字形这块, 不知道把字形数据缓存下来能不能解决大文件字体处理慢的问题 安装 composer require isszz/svg-captcha -vvv 接下来将字体放入tp根目...

0
0
发表于开发技能专区
11/19 16:43

安装验证码插件captcha

安装captcha 安装链接 http://django-simple-captcha.readthedocs.io/en/latest/usage.html#installation 1 . pip install django-simple-captcha==0.4.6 2.在settings.py的原有app上添加'captcha'如图: 3 .迁移数......

0
0
发表了博客
2018/12/21 18:28

Captcha服务(后续1)

既然标题为后续,就要放一下上一篇文章使用.Net Core 2.1开发Captcha图片验证码服务 继续挖坑 时隔7个月再次继续自己在GitHub上挖的坑 https://github.com/PuzzledAlien/Captcha 在之前翻译了一片有关如何在.net core中使用System.Drawing的文章,见[译]如何在.NET Core中使用System.Drawing? 文章介绍了.Net Core下GDI...

0
0
发表了博客
2019/04/07 21:23

登录验证码实现(Captcha)

登录验证码 登录验证是一般系统都会有的功能,验证的方式也多种多样,比如输入式验证码,拖动式验证条,拖动式验证拼图等等。 我们这里先实现常规的输入验证码的方式,右边显示验证码图片,点击可刷新,左边输入验证码。如下图为实现的效果。 实现案例 验证码的实现需要前后端协同,脱离彼此则不可用,故将前后端的实现放...

0
0
发表了博客
2019/03/12 20:16

captcha ~ 生成验证码图片

验证码在我们的世界中可以保护我们的信息安全的一个保障之一 这就是生成验证码的代码 # 导报 from captcha.image import ImageCaptcha #验证码的包 from PIL import Image import random import time #系统模块 import os #定义随机方法 def random_captcha():   #做一个容器   captcha_text = []   for i in rang...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
3 评论
754 收藏
分享
返回顶部
顶部