AI 面相解析应用 - 运用人工智能技术解读面相奥秘
- 🔮 完整面相分析 - 基于道家面相学知识库,生成个性化分析报告
- 📊 三庭五官解读 - 详细分析上中下三庭、五官特征
- 🎯 十二宫要点 - 解读命宫、财帛宫等十二宫位
- 🌈 气色诊断 - 五行气色分析,预测短期运势
- 📅 流年运势 - 关键年龄节点提醒(41岁、48岁等)
- ⭐ 综合气运 - 事业、财运、情感、健康四维度评分
- 💡 修炼建议 - 道家养生与趋吉避凶指导
- 📱 传播金句 - 个性化、易传播的命运金句
- OpenAI GPT-4o Vision - 图像识别 + 文本生成
- 完整知识库 - 105条面相特征 + 推理逻辑框架
- 个性化引擎 - 根据用户特征定制分析内容
- 📚 典籍依据:《柳庄相法》《神相全编》《麻衣相法》《太清神鉴》
- 🧠 推理公式:命运 = f(骨相×0.3 + 形态×0.3 + 气色×0.2 + 德行×0.2)
- 🔄 三大原理:形生气、气转命、德化相
- 欢迎页 (
welcome.html) - 启动页,展示应用介绍和特性 - 拍摄页 (
index.html) - 摄像头拍照或上传照片 - 加载页 (
loading.html) - 播放预加载视频,等待 API 处理 - 结果页 (
result-simple.html) - 展示完整面相分析报告 - 设置页 (
settings.html) - 配置 OpenAI API Key
- Node.js (v14+)
- Python 3 (用于启动前端服务器)
- OpenAI API Key(支持 GPT-4o 或 GPT-4 Vision)
- 运行启动脚本:
chmod +x start.sh
./start.sh-
浏览器会自动打开
http://localhost:8000/welcome.html -
首次使用需要在设置页配置 OpenAI API Key
后端:
cd backend
npm install
npm start
# 后端服务运行在 http://localhost:3000前端:
python3 -m http.server 8000
# 前端服务运行在 http://localhost:8000facecode/
├── welcome.html # 欢迎启动页
├── index.html # 拍摄页
├── loading.html # 加载页
├── result.html # 结果页
├── settings.html # 设置页
├── css/
│ ├── style.css # 主样式
│ ├── welcome.css # 欢迎页样式
│ ├── settings.css # 设置页样式
│ └── result-layout.css # 结果页布局
├── js/
│ ├── welcome.js # 欢迎页逻辑
│ ├── main.js # 拍摄页逻辑
│ ├── loading.js # 加载页逻辑
│ ├── result.js # 结果页逻辑
│ ├── settings.js # 设置页逻辑
│ ├── api.js # API 调用
│ ├── camera.js # 摄像头控制
│ ├── storage.js # 本地存储
│ └── config.js # 配置文件
├── backend/
│ ├── server.js # Express 服务器
│ ├── routes/ # 路由
│ └── controllers/ # 控制器
└── 底图动效1.mp4 # 背景视频
- 前端: HTML5, CSS3, JavaScript (原生)
- 后端: Node.js, Express
- AI: OpenAI GPT-5 (Vision)
- 存储: localStorage, sessionStorage
开发模式(Mock 模式):
在 js/config.js 中设置:
const CONFIG = {
MOCK_MODE: true, // 使用模拟数据,无需 API Key
USE_SIMPLE_RESULT: true, // 使用简化版结果页
// ...
};生产模式(真实 API):
const CONFIG = {
MOCK_MODE: false, // 使用真实 OpenAI API
API_BASE_URL: 'http://localhost:3000/api',
USE_SIMPLE_RESULT: true,
// ...
};方式一:通过设置页面
- 访问
http://localhost:8000/settings.html - 输入你的 OpenAI API Key
- 点击保存
方式二:浏览器控制台
localStorage.setItem('openai_api_key', 'sk-your-api-key-here');获取 API Key:
- 访问 OpenAI Platform
- 创建新的 API Key
- 确保账户有足够的额度
系统提示词位于 prompt/system_prompt.txt,包含:
- 完整的面相学知识库(105条特征)
- 三庭五官详解
- 十二宫系统
- 气色诊断
- 流年运势
- 个性化分析逻辑
修改提示词:
- 编辑
prompt/system_prompt.txt - 重启后端服务
- 系统会自动加载新的提示词
查看加载状态: 后端启动时会显示:
✅ 系统提示词加载成功
FaceCode backend server is running on port 3000
编辑 js/config.js 修改资源路径:
const CONFIG = {
API_BASE_URL: 'http://localhost:3000/api',
BACKGROUND_VIDEO: '底图动效1.mp4',
LOADING_VIDEO: 'loading.mp4',
RESULT_UI_IMAGE: 'result-ui.png',
MOCK_MODE: false
};设置 MOCK_MODE: true 可以在没有 API Key 的情况下使用 Mock 数据进行开发测试。
- 首次使用需要配置 OpenAI API Key
- 摄像头功能需要 HTTPS 或 localhost 环境
- 视频文件需要放在项目根目录
- 建议使用现代浏览器(Chrome, Safari, Firefox)
MIT License
© 2025 FaceCode. All rights reserved.