
项目定位
这是一套基于 uni-app 框架开发的 AI 工具类应用前端界面源码,涵盖当前主流的智能交互功能。特别说明:本仓库仅包含前端页面与交互逻辑,不包含任何后端服务或AI算法接口——您需要自行准备并对接符合协议的后端 API,方可实现完整功能闭环。
功能模块
AI 对话:支持流式/非流式文本问答交互,界面仿主流聊天风格,可自定义头像、欢迎语及快捷提问按钮。
AI 绘画:提供绘画参数面板(尺寸、风格、数量等),发送请求后展示生成进度与结果图,支持长按保存或预览大图。
数字人:包含虚拟形象展示与语音/文本驱动动画演示框架,预留了表情驱动和动作指令扩展接口。
多端适配能力
基于 uni-app 条件编译,一套代码可同时打包为微信小程序、支付宝小程序、百度小程序以及 H5 网页;
在 H5 端可进一步集成至 App 内嵌 WebView,灵活满足各类轻量化部署需求。
适用对象
具备后端开发能力的技术人员,能够独立完成接口鉴权、数据转发、图片生成回调等逻辑;
适合需要快速搭建 AI 产品 Demo 或 MVP 版本的团队,前端界面已打磨至可演示级别,节省大量 UI 开发时间;
不适用于完全零基础的前端初学者,因为需要自行处理跨域、接口签名、长连接等配套后端工作。
对接要点
源码中已预留 API 请求封装文件(
api/目录),您只需替换baseURL和请求头字段,并按照既定入参格式(JSON)返回数据即可;AI 对话接口建议支持 SSE(Server-Sent Events)或 WebSocket 以提升交互体验;
AI 绘画接口需处理异步任务轮询或回调通知,源码中已包含轮询状态机示例;
数字人模块依赖音频流或动作指令接口,请按注释说明适配您的服务端协议。
部署与运行
使用 HbuilderX 打开项目,安装依赖后即可进行本地调试;
打包发布时,请根据目标平台配置相应的 AppID 和域名白名单;
H5 部署时注意开启 HTTPS,以调起设备麦克风(数字人语音交互需要)。

