眼镜店 AR 在线试戴小程序技术方案

核心模块：AR 在线试戴

这是体验的关键。支持实时（前置摄像头）与静态（上传照片）两种模式。

1. SDK 集成与初始化 在项目中引入火山引擎 AR 小程序 SDK，配置 AppKey 与 AppSecret。需在 app.js 中完成初始化，并在 app.json 声明摄像头与相册权限。这里要注意传感器权限的配置，它直接影响手势追踪与头部追踪的精准度。

2. 人脸检测与追踪 调用 ar.detectFace 接口，SDK 会自动识别人脸关键点（眼角、鼻梁等）。针对光线不足或侧脸角度过大的情况，SDK 会调整参数。若检测失败，需友好提示用户调整角度。同时集成 MediaPipe Hands 优化交互，支持双指缩放旋转。

3. 模型渲染与适配 眼镜模型需制作成 glb/gltf 格式，面数控制在 800-1200 之间以保证流畅度。调用 ar.renderModel 将模型贴合至面部关键点，误差应控制在 1mm 以内。调试时可开启可视化显示关键点，上线后隐藏。支持材质切换与光线自适应，提升真实感。

4. 截图与分享 使用 ar.takeScreenshot 捕获画面，保存至本地并上传 OSS。分享功能通过 wx.shareAppMessage 实现，跳转路径指向具体款式页面，利于裂变。

款式管理与筛选

数据存储在 MySQL 中，包含款式表与分类表。前端首页采用瀑布流布局，滚动到底部自动加载更多（懒加载）。筛选功能支持多条件组合，搜索则调用 wx.createSearchBar 进行模糊查询。管理员后台提供款式的增删改查，图片与模型上传至 OSS 后回写地址至数据库。

配镜参数与预约

创建 user_glasses_param 表存储瞳距、度数等信息。用户可手动输入或上传验光单（可选 OCR 识别）。预约功能允许用户选择时间段，后端校验冲突后生成预约记录，并发送服务通知提醒。

订单与核销

订单创建时计算金额并生成唯一单号。支付环节调用微信支付 API，回调成功后更新状态。管理员后台可处理订单状态（确认、配镜中、完成）。核销时扫描用户二维码验证，借鉴相关标记识别技术提升效率。物流信息则通过第三方 API 同步。

门店导航与咨询

展示门店信息，点击导航调用 wx.openLocation 跳转地图。咨询功能集成微信客服消息，支持发送图片与文字。可选接入大模型智能客服解答常见问题。

第三方接口对接

火山引擎接口

微信开放平台接口

数据安全与性能优化

安全保障

敏感数据（手机号、配镜参数）后端存储时采用 AES 加密。API 接口添加 Token 验证，区分管理员与普通用户权限。数据库每日备份至 OSS，保留 30 天。权限获取严格遵循合规要求，不超范围收集。

性能优化

• AR 试戴：优化渲染分辨率（默认 720P），提升帧率至 30+FPS。模型预加载机制避免切换卡顿。结合 MediaPipe Hands 降低 CPU 负载。
• 页面加载：图片与组件懒加载，OSS 图片压缩至 100KB 以内。后端引入 Redis 缓存热门数据。
• 机型适配：针对不同机型测试，老旧机型提示降级为静态试戴。
• 网络优化：支持离线试戴（缓存模型），接口采用 HTTPS 协议。

部署与运维

部署流程

1. 环境准备：开通火山引擎服务，注册小程序账号，准备 3D 模型。
2. 后端部署：代码部署至云服务器或 Serverless，配置数据库与 OSS，对接第三方接口。
3. 前端发布：通过开发者工具上传审核，发布正式版。
4. 测试验证：全流程测试，修复 Bug，邀请用户试用。

运维方案

提供简易后台，工作人员培训后即可上手。系统自动备份，定期清理冗余文件。故障响应由技术团队提供 7×24 小时支持。版本更新由开发团队完成，不影响用户使用。

开发周期与成本估算

开发周期

总周期约 15-20 天。需求梳理 2-3 天，基础准备 3-5 天，前后端开发各 5-7 天，测试修复 3-5 天，部署培训 1-2 天。

成本估算

一次性开发成本：约 1.83-3.83 万元。

• 技术开发：1.5-2.5 万元（含后端、前端、AR 集成）。
• 3D 模型制作：0.3-1.2 万元（按款式数量核算）。
• 基础费用：0.03-0.13 万元（认证费等）。

年度运维成本：约 0.17-0.35 万元/年。

• 火山引擎服务：OSS 存储、AR 调用费、云函数费用。
• 其他：服务器维护、域名等。

实际成本会根据功能复杂度与款式数量浮动。建议初期采用 Serverless 架构以降低固定投入。