跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI 生图工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
Python

AIri 虚拟角色全平台部署指南(Web/桌面/移动)

AIri 全平台部署指南 你是否曾因喜欢的 AI 虚拟角色仅限特定设备使用而感到困扰?介绍如何通过简单步骤完成 AIri 在 Web 浏览器、Electron 桌面端和移动设备的全覆盖部署,让虚拟伙伴随时随地陪伴你。 部署准备:环境与资源检查 在开始部署前,请确保你的环境满足以下基本要求: 网络连接稳定(需下载项目资源和依赖) Git 工具(用于克隆仓库) Node.js 18+ 和 pnpm…

星落发布于 2026/4/6更新于 2026/9/88K 浏览

AIri 全平台部署指南

你是否曾因喜欢的 AI 虚拟角色仅限特定设备使用而感到困扰?本文介绍如何通过简单步骤完成 AIri 在 Web 浏览器、Electron 桌面端和移动设备的全覆盖部署,让虚拟伙伴随时随地陪伴你。

部署准备:环境与资源检查

在开始部署前,请确保你的环境满足以下基本要求:

  • 网络连接稳定(需下载项目资源和依赖)
  • Git 工具(用于克隆仓库)
  • Node.js 18+ 和 pnpm 包管理器
  • 至少 4GB 可用存储空间

项目核心部署资源路径如下:

  • Web 端源码:apps/stage-web/
  • 桌面端源码:apps/stage-tamagotchi/
  • 移动端支持:docs/content/public/(包含 PWA 配置)

第一步:Web 浏览器部署

Web 版本是体验 AIri 的最便捷方式,无需安装任何软件,通过现代浏览器即可运行。

  1. 克隆项目仓库
git clone https://github.com/airi-project/airi.git
cd airi
  1. 安装依赖并启动 Web 服务
pnpm install
pnpm dev:web

Web 端架构基于 Vue.js 和 Vite 构建,核心配置文件为 apps/stage-web/vite.config.ts,你可以通过修改此文件自定义端口或添加代理设置。访问 http://localhost:5173 即可看到 AIri 的 Web 界面。

第二步:Electron 桌面端部署

桌面端提供比 Web 版更丰富的功能,如系统通知、本地文件访问和 GPU 加速渲染。

  1. 切换到桌面端项目目录
cd apps/stage-tamagotchi
  1. 安装依赖并开发模式启动
pnpm install
pnpm dev
  1. 打包生成可执行文件
pnpm build

打包完成后,可执行文件将生成在 dist 目录下,支持 Windows、macOS 和 Linux 系统。桌面端特有的配置文件位于 apps/stage-tamagotchi/electron-builder.yml,可在此自定义应用图标、窗口大小等参数。

第三步:移动设备部署(PWA 支持)

AIri 通过 PWA(渐进式 Web 应用)技术实现移动设备支持,可添加到手机桌面,获得接近原生应用的体验。

  1. 完成 Web 端部署(确保 Web 服务正常运行)
  2. 在移动设备上访问 用手机浏览器访问你的 Web 服务地址(如 http://192.168.1.100:5173,需确保手机与电脑在同一局域网)。
  3. 添加到主屏幕
    • Safari 浏览器:点击分享按钮 → "添加到主屏幕"
    • Chrome 浏览器:点击菜单按钮 → "安装应用"

移动版特有的触摸优化和响应式布局定义在 apps/stage-web/src/components/ 目录下,主要适配手机和平板设备的交互习惯。

部署验证与问题排查

成功部署后,你可以通过以下方式验证各平台功能:

平台验证方法常见问题排查
Web检查控制台是否有报错清除浏览器缓存,确保依赖安装完整
桌面端测试系统通知和窗口控制检查 electron.vite.config.ts 配置
移动端测试离线功能和添加到桌面确认 HTTPS 环境或 localhost 访问

项目提供了详细的日志系统,Web 端日志可在浏览器控制台查看,桌面端日志位于 ~/.airi/logs/ 目录下。

高级配置:自定义部署优化

如果你需要进一步优化部署效果,可以考虑以下高级配置:

  1. 自定义模型路径 修改 packages/server-runtime/src/config.ts 中的模型路径配置,使用本地 LLM 模型提高响应速度。
  2. 性能优化
    • Web 端:启用 apps/stage-web/public/_headers 中的缓存策略
    • 桌面端:在 electron-builder.yml 中配置硬件加速
  3. 多设备同步 通过配置 packages/memory-pgvector/ 实现不同设备间的对话历史同步。

总结与后续展望

通过本文介绍的方法,你已经成功实现了 AIri 在 Web、桌面和移动设备的全平台部署。这种多端覆盖架构不仅提升了用户体验的连续性,也展示了项目基于 Web 技术栈的灵活性——从 WebGPU 加速渲染到 WebAssembly 性能优化,AIri 充分利用现代 Web 技术实现了跨平台能力。

未来,项目计划进一步增强移动设备的 AR 功能,允许 AIri 以虚拟形象出现在现实环境中。你可以通过关注项目文档获取最新开发动态,或参与插件的开发,为多平台支持贡献力量。

现在,打开你部署好的 AIri 应用,开始与你的虚拟伙伴共度美好时光吧!

目录

  1. AIri 全平台部署指南
  2. 部署准备:环境与资源检查
  3. 第一步:Web 浏览器部署
  4. 第二步:Electron 桌面端部署
  5. 第三步:移动设备部署(PWA 支持)
  6. 部署验证与问题排查
  7. 高级配置:自定义部署优化
  8. 总结与后续展望

更多推荐文章

查看全部
  • AI 如何助力前端 Debug 及实际应用指南
  • 基于 RoBERTa 模型的评论文本分类实战
  • TRAE AI 智能体实现 Vue 3 + Node.js + MySQL 全栈项目实战
  • 基于Python+OpenCV实现自动扫雷
  • 基于 Coze 构建专属 AI 应用:从智能体开发到 Web 部署实战
  • PaperRed——2026年AI论文写作、AI降重、降低aigc,免费查重的网站
  • 前端应用国际化实现方案
  • AI 训练师算法与模型训练从入门到精通
  • Coze 智能体核心资源详解:插件、知识库与数据库实战
  • AI 绘画敏感内容提示词实战指南:从基础原理到安全实践
  • 基于 Ollama-OCR 与 Llama 3.2-Vision 的文字识别方案
  • 自然语言处理在教育领域的实战应用
  • AI 变现核心逻辑:为何学完百种工具仍难盈利
  • 常见降低AIGC检测率工具对比与选择指南
  • AIGC 产品经理定义、核心职责及与 AI 产品经理的区别解析
  • Vue3 + TypeScript Promise 转 string 类型错误解析及异步处理最佳实践
  • C++ 网络编程详解
  • Python 随机森林实战:预测用户购车意向
  • MySQL 数据库基础:从安装到核心 CRUD 操作实战
  • 大模型实时对战《街霸》:GPT-3.5 胜 GPT-4,新型基准测试引发关注

相关免费在线工具

  • curl 转代码

    解析常见 curl 参数并生成 fetch、axios、PHP curl 或 Python requests 示例代码。 在线工具,curl 转代码在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online

  • HTML转Markdown

    将 HTML 片段转为 GitHub Flavored Markdown,支持标题、列表、链接、代码块与表格等;浏览器内处理,可链接预填。 在线工具,HTML转Markdown在线工具,online

  • JSON 压缩

    通过删除不必要的空白来缩小和压缩JSON。 在线工具,JSON 压缩在线工具,online