README.md · xingxin/captcha

[AjPlus Captcha Official Website](https://captcha.anji-plus.com/)
============
[![License](https://img.shields.io/badge/license-Apache%202-4EB1BA.svg)](https://www.apache.org/licenses/LICENSE-2.0.html)[![Total Lines](https://tokei.rs/b1/github/anji-plus/captcha?category=lines)](https://github.com/anji-plus/captcha)

> AjPlus Captcha

[![Stargazers over time](https://starchart.cc/anji-plus/captcha.svg)](https://starchart.cc/anji-plus/captcha)
[![Stargazers over time](https://whnb.wang/img/anji-plus/captcha?e=604800)](https://whnb.wang/anji-plus/captcha?e=604800)
          
[![EN doc](https://img.shields.io/badge/document-English-blue.svg)](README.md)[![CN doc](https://img.shields.io/badge/文档-中文版-blue.svg)](README_CN.md)

# 1. Online Demo
### &emsp; 1.1 [Have a try](https://ajcaptcha.beliefteam.cn/captcha-doc/ "链接")
### &emsp; 1.2 [Document](https://ajcaptcha.beliefteam.cn/captcha-doc/ "doc")
### &emsp; 1.3 Wechat/H5 demo（based on uni-app)
 &emsp;&emsp; see also [gitee]( https://gitee.com/anji-plus/captcha "码云")

![Wechat](https://captcha.anji-plus.com/static/8cm.jpg  "")&emsp;&emsp;![h5](https://images.gitee.com/uploads/images/2020/0429/174246_c33e3fa3_1728982.png "h5.png")
 &emsp;&emsp;&emsp;&emsp;Wechat Demo&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;

# 2. Design Details
### &emsp; 2.1 UI Component
 &emsp;&emsp; support Android、iOS、Futter、Uni-App、ReactNative、Vue、Angular、Html、Php。

| blockPuzzle | clickWord |
| --- | --- |
|![blockPuzzle](images/%E6%BB%91%E5%8A%A8%E6%8B%BC%E5%9B%BE.gif "blockPuzzle")&emsp;|![clickWord](images/%E7%82%B9%E9%80%89%E6%96%87%E5%AD%97.gif "clickWord")|
| 1-1 | 1-2 |
 <br>

### &emsp; 2.2 Concept Related
| concept  | desc  |
| ------------ | ------------ |
| Captcha Type | blockPuzzle, clickWord|
| Check  |  user action: drag block or click workds,then check if it was human did|
| Verify  | bind user action with backend service. call captchaService.verification in backend service to prevent invalid access ,for example,directly call it |

### &emsp; 2.3 Main Features 
CAPTCHA stands for Completely Automated Public Turing test to tell Computers and Humans Apart. CAPTCHA determines whether the user is real or a spam robot. CAPTCHAs stretch or manipulate letters and numbers, and rely on human ability to determine which symbols they are.
 
Ajplus Captcha , an open source toolset for users,its main Features are as follows:
- Easy to integrate ui Component in your apps,support varies frontend UI,
- Support Integrate with Android、iOS、Futter、Uni-App、ReactNative、Vue、Angular、Html、Php
- No dependencies lib in core source,Easy to include in your backend service
- Core api is simple and Open to Extend,all instance initialized by JAVA SPI,Easy to add your custom Implement to form a new Captcha type。
- Support security feature

# 3. How to Integrate
![Sequence Diagram](https://captcha.anji-plus.com/static/shixu.png "时序图")

# 4. SourceCode Structure

![输入图片说明](https://images.gitee.com/uploads/images/2021/0207/112335_bd789fff_1600789.png "屏幕截图.png")

# 5. Dev & Run 
#### &emsp; 
- start backend service
  import source code into Eclipse or Intellij,
  start StartApplication class in package service/springboot。[online images](https://gitee.com/anji-plus/AJ-Captcha-Images)
- start frontend ui
  open source files in view/vue with your IDE like Visual Code，
```js
    npm install
    npm run dev

DONE  Compiled successfully in 29587ms                       12:06:38
    I  Your application is running here: http://localhost:8081
```

# 6. Work Plan
  [issues](https://gitee.com/anji-plus/captcha/issues)

# 7. Connect Us

<br>
 ### Have a try & enjoy it !!!  ☺

xingxin/captcha

简介

发行版

贡献者

近期动态

xingxin/captcha .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

xingxin/captcha