Skip to content

usharerose/geetest-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

9c78a33 · Jul 20, 2024

History

49 Commits
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 15, 2024
Jul 20, 2024
Jul 14, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024
Jul 20, 2024

Repository files navigation

Geetest Demo

licience

Geetest Demo provides a web page on Geetest Captcha v3 integration

The web page style refers to the project Login-Page-In-React.

Background

Here is the basic process on authentication with Geetest Captcha

  1. Request meta for generating captcha component, which come from the server side

    • gt: captcha ID
    • challenge: unique ID of a verification event
  2. Initialize Geetest Captcha with official client SDK according to the above parameters

  3. Interact with captcha to finish the verification. When succeed, the following parameters are provided by server:

    • challenge: unique ID of a verification event provided when request
    • validate: mark whether the current captcha has been passed
    • seccode: certification
  4. Then client can request the secondary verification if necessary

Usage

This page simulate the process that generate captcha with meta (please prepare yourself) and illustrate the verification result.

demo

You can view the page from,

  • Online with URL
  • Local with URL after the command make run succeed

Development Environment

Install dependencies

$ npm install

Start locally

$ npm run dev