Merge pull request #18 from weiruchenai1/experimental

refactor: 重构消息提示系统、迁移至 Vite 并完善测试基础设施

Author: weiruchenai1

.github/workflows/deploy.yml

@@ -25,17 +25,17 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Build project
-        run: npm run build
+      - name: Build project for GitHub Pages
+        run: npm run build:pages
 
       - name: Add 404.html for SPA routing
-        run: cp build/index.html build/404.html
+        run: cp dist/index.html dist/404.html
 
       - name: Deploy to GitHub Pages
-        uses: peaceiris/actions-gh-pages@v3
+        uses: peaceiris/actions-gh-pages@v4
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: build
+          publish_dir: dist
           publish_branch: gh-pages
           user_name: github-actions[bot]
           user_email: 41898282+github-actions[bot]@users.noreply.github.com

Dockerfile

@@ -9,14 +9,15 @@ RUN npm ci
 
 # 复制源码并构建
 COPY . .
+ENV DOCKER_BUILD=true
 RUN npm run build
 
 # -------- Stage 2: Runtime (Nginx) --------
 FROM nginx:alpine
 # 自定义 Nginx 配置
 COPY nginx/default.conf /etc/nginx/conf.d/default.conf
 # 构建产物
-COPY --from=build /app/build /usr/share/nginx/html
+COPY --from=build /app/dist /usr/share/nginx/html
 
 EXPOSE 80
 CMD ["nginx", "-g", "daemon off;"]

README.en.md

@@ -10,7 +10,7 @@
 [![GitHub forks](https://img.shields.io/github/forks/weiruchenai1/api-key-tester?style=flat&color=green)](https://github.com/weiruchenai1/api-key-tester/network/members)
 
 [![License](https://img.shields.io/github/license/weiruchenai1/api-key-tester?style=flat&color=blue)](https://github.com/weiruchenai1/api-key-tester/blob/main/LICENSE)
-[![Node Version](https://img.shields.io/badge/node-%3E=16.0.0-brightgreen?style=flat&logo=node.js)](https://nodejs.org/)
+[![Node Version](https://img.shields.io/badge/node-%3E=20.19.0-brightgreen?style=flat&logo=node.js)](https://nodejs.org/)
 [![Top Language](https://img.shields.io/github/languages/top/weiruchenai1/api-key-tester?style=flat&logo=javascript&color=yellow)](https://github.com/weiruchenai1/api-key-tester)
 
 [![Live Demo](https://img.shields.io/badge/Live%20Demo-GitHub%20Pages-blue?style=flat&logo=github)](https://weiruchenai1.github.io/api-key-tester)
@@ -25,7 +25,7 @@
 ## ✨ Features
 
 - 🚀 Batch test multiple API keys
-- 🎯 Support for OpenAI, Claude, and Gemini platforms
+- 🎯 Support for OpenAI, Claude, Gemini and other platforms
 - 🔄 Smart retry mechanism for improved detection accuracy
 - 🌐 Bilingual interface (Chinese/English)
 - 🌙 Light/Dark theme toggle
@@ -253,17 +253,17 @@ sudo nginx -s reload  # Reload configuration
 
 **Proxy URLs:**
 After successful testing, use the following proxy URLs in the API Key tester:
-- OpenAI: `https://openai.your-domain.com`
-- Claude: `https://claude.your-domain.com`  
-- Gemini: `https://gemini.your-domain.com`
+- OpenAI: `https://openai.your-domain.com/v1`
+- Claude: `https://claude.your-domain.com/v1`  
+- Gemini: `https://gemini.your-domain.com/v1`
 
 </details>
 
 ## Quick Start
 
 ### Requirements
 
-- Node.js >= 16.0.0
+- Node.js >= 20.19.0
 - npm >= 8.0.0
 
 ### Install Dependencies
@@ -275,7 +275,7 @@ npm install
 ### Start Development Server
 
 ```bash
-npm start
+npm run dev
 ```
 
 The application will start at http://localhost:3000
@@ -286,7 +286,7 @@ The application will start at http://localhost:3000
 npm run build
 ```
 
-Build artifacts will be generated in the `build/` directory
+Build artifacts will be generated in the `dist/` directory
 
 ## 🚀 Deployment Options
 
@@ -341,7 +341,7 @@ services:
 5. Configure build settings:
    - **Build command**: `npm run build`
    - **Build output directory**: `build`
-   - **Node.js version**: `18` or `20`
+   - **Node.js version**: `20` or higher
 6. Click `Save and Deploy`
 
 ### 4. Vercel Deployment

README.md

@@ -10,7 +10,7 @@
 [![GitHub forks](https://img.shields.io/github/forks/weiruchenai1/api-key-tester?style=flat&color=green)](https://github.com/weiruchenai1/api-key-tester/network/members)
 
 [![License](https://img.shields.io/github/license/weiruchenai1/api-key-tester?style=flat&color=blue)](https://github.com/weiruchenai1/api-key-tester/blob/main/LICENSE)
-[![Node Version](https://img.shields.io/badge/node-%3E=16.0.0-brightgreen?style=flat&logo=node.js)](https://nodejs.org/)
+[![Node Version](https://img.shields.io/badge/node-%3E=20.19.0-brightgreen?style=flat&logo=node.js)](https://nodejs.org/)
 [![Top Language](https://img.shields.io/github/languages/top/weiruchenai1/api-key-tester?style=flat&logo=javascript&color=yellow)](https://github.com/weiruchenai1/api-key-tester)
 
 [![在线使用](https://img.shields.io/badge/在线使用-GitHub%20Pages-blue?style=flat&logo=github)](https://weiruchenai1.github.io/api-key-tester)
@@ -25,7 +25,7 @@
 ## ✨ 功能
 
 - 🚀 批量测试多个 API 密钥
-- 🎯 支持 OpenAI、Claude、Gemini 三大平台
+- 🎯 支持 OpenAI、Claude、Gemini 等平台
 - 🔄 智能重试机制，提高检测准确性
 - 🌐 中英文界面切换
 - 🌙 浅色/深色主题切换
@@ -253,17 +253,17 @@ sudo nginx -s reload  # 重新加载配置
 
 **代理地址：**
 测试成功后，在API Key测试工具中使用以下代理地址：
-- OpenAI: `https://openai.your-domain.com`
-- Claude: `https://claude.your-domain.com`  
-- Gemini: `https://gemini.your-domain.com`
+- OpenAI: `https://openai.your-domain.com/v1`
+- Claude: `https://claude.your-domain.com/v1`  
+- Gemini: `https://gemini.your-domain.com/v1`
 
 </details>
 
 ## 快速开始
 
 ### 环境要求
 
-- Node.js >= 16.0.0
+- Node.js >= 20.19.0
 - npm >= 8.0.0
 
 ### 安装依赖
@@ -275,7 +275,7 @@ npm install
 ### 启动开发服务器
 
 ```bash
-npm start
+npm run dev
 ```
 
 应用将在 http://localhost:3000 启动
@@ -286,7 +286,7 @@ npm start
 npm run build
 ```
 
-构建产物将生成到 `build/` 目录
+构建产物将生成到 `dist/` 目录
 
 ## 🚀 部署方式
 
@@ -340,8 +340,8 @@ services:
 4. 选择你 Fork 的仓库
 5. 配置构建设置：
    - **构建命令**: `npm run build`
-   - **构建输出目录**: `build`
-   - **Node.js 版本**: `18` 或 `20`
+   - **构建输出目录**: `dist`
+   - **Node.js 版本**: `20` 或更高
 6. 点击 `Save and Deploy`
 
 ### 4. Vercel 部署
@@ -358,7 +358,7 @@ services:
 # 构建项目
 npm run build
 
-# 将 build 目录的内容上传到你的 Web 服务器
+# 将 dist 目录的内容上传到你的 Web 服务器
 # 确保服务器配置了正确的路由规则（SPA 支持）
 ```
 
@@ -367,7 +367,7 @@ npm run build
 server {
     listen 80;
     server_name your-domain.com;
-    root /path/to/build;
+    root /path/to/dist;
     index index.html;
     
     location / {
@@ -395,7 +395,8 @@ server {
 
 ## 🛠️ 技术栈
 
-纯前端：HTML + CSS + JavaScript
+- **前端框架**: React 19
+- **构建工具**: Vite 7
 
 ## 📄 许可证
 

public/index.html renamed to index.html

@@ -7,12 +7,14 @@
   <meta name="theme-color" content="#667eea">
   <meta name="description" content="批量检测 Gemini、Claude、GPT API 密钥有效性">
   <title>API Key 测活工具</title>
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="manifest" href="/manifest.json">
 </head>
 
 <body>
   <noscript>您需要启用 JavaScript 来运行此应用程序。</noscript>
   <div id="root"></div>
+  <script type="module" src="/src/index.jsx"></script>
 </body>
 
 </html>