-
API 使用说明
-
- 使用以下接口进行验证码识别，需要在请求头中携带 Authorization: Bearer {token.substring(0, 20)}...
-
-
-
-
- POST /api/ocr - OCR 文字识别
- POST /api/slider/match - 滑块缺口匹配
- POST /api/compare/similarity - 图片相似度对比
- POST /api/rotate/single/rotate - 单图旋转验证码
- POST /api/detection/icon - 图标检测
+
+
📡
+
+
API 接口
+
使用以下接口进行验证码识别
+
+
+
+ {apiEndpoints.map((api, i) => (
+
+ {api.method}{' '}
+ {api.path}{' '}
+ // {api.desc}
+
+ ))}
-
-
账户信息
-
- 请联系管理员获取更多信息
-
+ {/* Features */}
+
支持功能
+
+
+
📝
+
OCR 文字识别
+
识别各类验证码中的文字、数字、字母
+
+
+
🎯
+
滑块缺口匹配
+
精准定位滑块验证码的缺口位置
+
+
+
🔄
+
旋转验证码
+
支持单图/双图旋转角度识别
+
+
+
🔍
+
图标检测
+
检测验证码图片中的目标图标
+
+
+
🖼️
+
图片相似度
+
对比两张图片的相似程度
+
+
+
🔢
+
数学计算
+
识别并计算数学表达式验证码
+
)
diff --git a/web/src/pages/Install.tsx b/web/src/pages/Install.tsx
index f42aaab..498db5b 100644
--- a/web/src/pages/Install.tsx
+++ b/web/src/pages/Install.tsx
@@ -5,36 +5,32 @@ interface Props {
}
export default function InstallPage({ onInstall }: Props) {
- const [step, setStep] = useState(1)
- const [loading, setLoading] = useState(false)
+ const [dbType, setDbType] = useState<'sqlite' | 'mysql'>('sqlite')
+ const [sqlitePath, setSqlitePath] = useState('./data/app.db')
+ const [mysqlHost, setMysqlHost] = useState('localhost:3306')
+ const [mysqlUser, setMysqlUser] = useState('root')
+ const [mysqlPass, setMysqlPass] = useState('')
+ const [mysqlDb, setMysqlDb] = useState('anticaptcha')
+ const [redisEnabled, setRedisEnabled] = useState(false)
+ const [redisHost, setRedisHost] = useState('localhost:6379')
+ const [redisPass, setRedisPass] = useState('')
+ const [adminUser, setAdminUser] = useState('admin')
+ const [adminPass, setAdminPass] = useState('')
const [error, setError] = useState('')
-
- const [config, setConfig] = useState({
- database: {
- type: 'sqlite',
- host: 'localhost',
- port: 3306,
- user: 'root',
- password: '',
- database: 'anticaptcha',
- sqlite: { path: './data/app.db' }
- },
- redis: {
- enabled: false,
- host: 'localhost',
- port: 6379,
- password: '',
- db: 0
- },
- admin: {
- username: 'admin',
- password: ''
- }
- })
+ const [loading, setLoading] = useState(false)
- const handleSubmit = async () => {
- setLoading(true)
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
setError('')
+ setLoading(true)
+
+ const config = {
+ database: dbType === 'sqlite'
+ ? { type: 'sqlite', sqlite: { path: sqlitePath } }
+ : { type: 'mysql', mysql: { host: mysqlHost, user: mysqlUser, password: mysqlPass, database: mysqlDb } },
+ redis: { enabled: redisEnabled, host: redisHost, password: redisPass },
+ admin: { username: adminUser, password: adminPass }
+ }
try {
const res = await fetch('/api/install', {
@@ -45,274 +41,197 @@ export default function InstallPage({ onInstall }: Props) {
const data = await res.json()
- if (!res.ok) {
+ if (res.ok) {
+ onInstall()
+ setTimeout(() => {
+ window.location.href = '/login'
+ }, 500)
+ } else {
setError(data.error || '安装失败')
- return
}
-
- onInstall()
- window.location.href = '/'
} catch {
- setError('网络错误')
+ setError('网络错误，请重试')
} finally {
setLoading(false)
}
}
return (
-
-
-
AntiCaptcha 安装向导
-
- 步骤 {step} / 3
-
+
+
+
+ AC
+
+
AntiCaptcha 安装向导
+
首次使用需要进行初始化配置
+
- {step === 1 && (
- <>
-
数据库配置
-
-
-
-