- ✅ GitHub 仓库已创建并推送代码
- ✅ 拥有 Vercel 账号(免费)
- ✅ 项目已配置
vercel.json
-
访问 Vercel
- 打开 https://vercel.com
- 使用 GitHub 账号登录
-
导入项目
- 点击 "Add New..." → "Project"
- 选择 "Import Git Repository"
- 选择
zhengsuanfa/AI-Cyber-Sentinel
-
配置项目
Framework Preset: Vite Build Command: npm run build Output Directory: build Install Command: npm install -
设置环境变量
- 点击 "Environment Variables"
- 添加以下变量:
SCAN_MODE=traditional- 如果使用 AI 模式,添加:
DEEPSEEK_API_KEY=your-api-key-here -
部署
- 点击 "Deploy"
- 等待部署完成(约 2-3 分钟)
# 安装 Vercel CLI
npm install -g vercel
# 登录 Vercel
vercel login
# 部署到生产环境
vercel --prod
# 设置环境变量
vercel env add SCAN_MODE
# 输入: traditional
vercel env add DEEPSEEK_API_KEY
# 输入: your-api-key-here(可选,仅 AI 模式需要)部署成功后,Vercel 会提供:
- 生产地址:
https://your-project.vercel.app - 预览地址: 每次 git push 都会创建预览链接
Vercel 默认会监听 GitHub 仓库的变更:
- ✅
main分支推送 → 自动部署到生产环境 - ✅ 其他分支推送 → 自动创建预览环境
- ✅ Pull Request → 自动创建预览链接
{
"version": 2,
"builds": [
{
"src": "package.json",
"use": "@vercel/static-build",
"config": { "distDir": "build" }
},
{
"src": "backend/src/server.js",
"use": "@vercel/node"
}
],
"routes": [
{
"src": "/api/(.*)",
"dest": "backend/src/server.js"
},
{
"src": "/(.*)",
"dest": "/$1"
}
]
}| 配置项 | 说明 |
|---|---|
builds |
定义构建步骤:前端静态构建 + 后端 Node.js |
routes |
路由规则:/api/* → 后端,其他 → 前端 |
distDir |
构建输出目录为 build |
- ✅ 前端完整功能
- ✅ 代码文件上传扫描
- ✅ 项目文件夹扫描
- ✅ AST 安全分析
- ✅ 实时分析日志
- ✅ AI 智能分析(配置 API Key 后)
⚠️ Serverless Function 执行时间限制:10 秒(免费版)⚠️ 文件上传大小限制:4.5MB(Body 限制)⚠️ 临时文件存储在/tmp,函数执行后自动清除
原因: Vercel 有 Body 大小限制(4.5MB) 解决:
- 压缩文件后上传
- 或使用其他云服务(如 AWS S3)存储大文件
原因: Serverless Function 执行时间限制 解决:
- 升级到 Vercel Pro(60 秒限制)
- 或将后端部署到其他平台(Railway、Render)
原因: 路由配置问题
解决: 检查 vercel.json 中的 routes 配置
原因: 环境变量未正确设置 解决: 在 Vercel Dashboard 中重新设置并重新部署
git add .
git commit -m "更新功能"
git push origin mainVercel 会自动检测并重新部署。
vercel --prod- 访问 Vercel Dashboard
- 选择项目
- 点击 "Deployments"
- 查看构建日志和运行日志
- 点击 "Functions" → 选择函数 → 查看实时日志
- 在 Vercel Dashboard 中选择项目
- 点击 "Settings" → "Domains"
- 添加你的域名
- 按照提示配置 DNS
-
保护 API Key
- 不要在代码中硬编码 API Key
- 使用 Vercel 环境变量
-
限制上传大小
- 前端添加文件大小验证
- 后端配置 multer 限制
-
速率限制
- 考虑添加 API 速率限制
- 防止滥用
- Vercel 文档: https://vercel.com/docs
- Vercel CLI: https://vercel.com/docs/cli
- 项目仓库: https://github.com/zhengsuanfa/AI-Cyber-Sentinel
遇到问题?
- 查看 Vercel 部署日志
- 查看项目 Issues: https://github.com/zhengsuanfa/AI-Cyber-Sentinel/issues
- 参考 Vercel 文档
祝部署顺利! 🚀