Giter VIP home page Giter VIP logo

captcha-demo's Introduction

captcha-demo

1、验证码工作流程

image

2、demo运行

captchaUIdemo

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

使用流程 :

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

    image
  2. 打开js文件夹中的config.js文件,修改其中的appId配置,appId配置可以在顶象控制台应用管理或应用配置模块获取

    image
  3. 修改完毕后点击保存。

captchaJavaDemo

文件夹说明 :模拟了后台业务流程接入验证码的场景,主要是模拟登录场景下的验证码token验证,对应业务请求携带验证码安全凭据和验证码安全凭据核验两个步骤

使用流程 :

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

image

  1. 将项目导入至IDEA中,等待IDEA把项目加载完毕,编辑CaptchaService类,修改其中appId和appSecret的值

image

  1. 修改后点击保存,在IDEA中运行这个springboot项目。运行成功如下图所示:

image

打开index.html

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

image

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

image

  1. 验证通过后,会提示登录成功

image

注意:其中两个项目中的appid都需要做修改,appid和appsecret可以通过顶象控制台的产品管理进行获取。

3、更多集成说明

其他各个语言和各个端的详细配置和接入流程可以参考顶象官网验证码用户手册:https://www.dingxiang-inc.com/docs/detail/captcha

4、使用问题

集成或使用中遇到问题,可以查询或提交issues

captcha-demo's People

Contributors

brain-zheng avatar dingxianginc avatar zxkletters avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.