数字人开发02--前端服务配置

本文是基于大模型的实时数字人开发的第二篇,主要介绍数字人项目前端环境的配置。

0、环境

  • 后端:python + FastAPI,部署在云端。
  • 前端:Next.js + React + HeroUI,在我的机器上,macPro。

1、后端部署

1.1、项目配置

注意:服务端要安装Git,我就不多少了。

bash 复制代码
git clone https://github.com/freecoinx/awesome-digital-human-live2d.git
cd awesome-digital-human-live2d

# 初始化一个 uv 项目
uv init
vi pyproject.toml

添加清华大学的Python镜像,加速依赖安装。在文件头加入以下内容:

bash 复制代码
[[tool.uv.index]]
url = "https://pypi.tuna.tsinghua.edu.cn/simple" 
default = true  

保存文件内容,添加依赖:

bash 复制代码
uv add $(cat requirements.txt)

等待依赖下载完成,再使用模板创建配置文件:

bash 复制代码
cd configs
cp config_template.yaml config.yaml

这个配置文件保持默认即可,如果需要修改后端服务的端口,进去修改即可。

1.2、安装ffmpeg

bash 复制代码
sudo apt update
sudo apt install ffmpeg

1.3、run

进入你项目的根目录,别乱跑哦。

bash 复制代码
uv run python main.py

2、部署前端

2.1、基础环境

下载安装node.js,地址:https://nodejs.org

然后安装包:

bash 复制代码
npm install -g next

# mac上会提示权限问题,执行是加上sudo
npm install -g heroui-cli
npm install -g pnpm

2.2、项目配置

bash 复制代码
git clone https://github.com/freecoinx/awesome-digital-human-live2d.git
cd awesome-digital-human-live2d/web

# 安装依赖
pnpm install

接下来,编辑前端的配置文件:

bash 复制代码
copy .env_template .env
vim .env

把我标出来的两处改成你服务器的地址,其他保持默认。

2.3、run

bash 复制代码
pnpm run build

# 稍等一下,build需要时间
pnpm run start

浏览器上看看,效果如下:

看到美女,前端就部署成功了。不过,目前美女只能重复你的输入,我们改一下配置,让她调用咱们部署的llm,点击设置:

现在就可以和她对话了。

好了,今天就到这里了。大家展示一下你的数字好朋友吧。

相关推荐
上单带刀不带妹8 分钟前
ES6 中的 Proxy 全面讲解
前端·ecmascript·es6·proxy
深圳多奥智能一卡(码、脸)通系统10 分钟前
智能二维码QR\刷IC卡\人脸AI识别梯控系统功能设计需基于模块化架构,整合物联网、生物识别、权限控制等技术,以下是多奥分层次的系统设计框架
人工智能·门禁·电梯门禁·二维码梯控·梯控·电梯
批量小王子13 分钟前
2025-08-19利用opencv检测图片中文字及图片的坐标
人工智能·opencv·计算机视觉
11054654011 小时前
37、需求预测与库存优化 (快消品) - /供应链管理组件/fmcg-inventory-optimization
前端·信息可视化·数据分析·js
没有梦想的咸鱼185-1037-16631 小时前
SWMM排水管网水力、水质建模及在海绵与水环境中的应用
数据仓库·人工智能·数据挖掘·数据分析
即兴小索奇1 小时前
【无标题】
人工智能·ai·商业·ai商业洞察·即兴小索奇
nunumaymax1 小时前
在图片没有加载完成时设置默认图片
前端
国际学术会议-杨老师1 小时前
2025年计算机视觉与图像国际会议(ICCVI 2025)
人工智能·计算机视觉
欧阳小猜2 小时前
深度学习②【优化算法(重点!)、数据获取与模型训练全解析】
人工智能·深度学习·算法
OEC小胖胖2 小时前
【React 设计模式】受控与非受控:解构 React 组件设计的核心模式
前端·react.js·设计模式·前端框架·web