关于安全:分享一款免费的验证码插件内附github地址

45次阅读

共计 777 个字符,预计需要花费 2 分钟才能阅读完成。

github demo 地址

https://github.com/dingxiangtech/captcha-demo

captcha-demo

1、验证码工作流程

2、demo 运行

captchaUIdemo

文件夹阐明:模仿了 web 端登录流程接入验证码的场景,对应图中的验证码初始化和验证码验证两个阶段

应用流程:

  1. 下载该文件夹到电脑中,下载实现后,文件夹的内容如下图所示:
  1. 关上 js 文件夹中的 config.js 文件,批改其中的 appId 配置,appId 配置能够在顶象控制台利用治理或利用配置模块获取
  1. 批改结束后点击保留。

captchaJavaDemo

文件夹阐明:模仿了后盾业务流程接入验证码的场景,次要是模仿登录场景下的验证码 token 验证,对应业务申请携带验证码平安凭据和验证码平安凭据核验两个步骤

应用流程:

  1. 下载该文件夹到电脑中,下载实现后,文件夹的内容如下图所示:

  2. 将我的项目导入至 IDEA 中,期待 IDEA 把我的项目加载结束,编辑 CaptchaService 类,批改其中 appId 和 appSecret 的值

  3. 批改后点击保留,在 IDEA 中运行这个 springboot 我的项目。运行胜利如下图所示:

关上 index.html

  1. 在浏览器中关上 captchaUIdemo 文件夹中的 index.html 文件,如下图所示:

  2. 输出用户名和明码后,点击登录,会弹出验证码进行验证

  3. 验证通过后,会提醒登录胜利

留神:其中两个我的项目中的 appid 都须要做批改,appid 和 appsecret 能够通过顶象控制台的产品治理进行获取。

3、更多集成阐明

其余各个语言和各个端的具体配置和接入流程能够参考顶象官网验证码用户手册:https://www.dingxiang-inc.com/docs/detail/captcha

4、应用问题

集成或应用中遇到问题,能够查问或提交 issues

欢送 fork 或者 star~

正文完
 0