☰
用手机监控AI编码代理:Agent of Empires Web仪表盘与PWA完整指南
2026/9/27 9:44:58 网站建设 项目流程

用手机监控AI编码代理:Agent of Empires Web仪表盘与PWA完整指南

【免费下载链接】agent-of-empiresManage multiple Claude Code, OpenCode agents from either TUI or Web for easy access on mobile. Also supports Mistral Vibe, Codex CLI, Gemini CLI, Pi.dev, Copilot CLI, Factory Droid Coding.项目地址: https://gitcode.com/gh_mirrors/ag/agent-of-empires

Agent of Empires(简称 AoE)是一款面向 Linux 和 macOS 的 AI 编码代理会话管理器,支持 Claude Code、OpenCode、Codex CLI、Gemini CLI 等十余种代理。它的 Web 仪表盘让你只需一条命令,就能在手机上以浏览器或 PWA 应用的形式实时监控、审批和操控这些 AI 代理,再也不必守在终端前。

为什么需要手机端的 Web 仪表盘

AoE 的核心设计是让每个 AI 代理都跑在独立的 tmux 会话里,关掉终端、断开 SSH 它们仍在后台运行。但"在跑"不等于"可控"——当代理等待审批、卡住或报错时,你需要第一时间知道。

Web 仪表盘内嵌在aoe二进制中,随每个发行版提供,无需额外安装。会话运行在服务端,浏览器崩溃、断网、重连都不会影响代理本身,刷新页面一切还在原地。

快速启动:三条命令打开手机仪表盘

在安装了 tmux 和 AoE 的机器上(可用brew install aoe安装,详见 docs/installation.md):

aoe serve # 仅本机访问(默认) aoe serve --remote # 通过 HTTPS 隧道远程访问,手机推荐 aoe url # 打印当前有效的访问地址
  • 本机访问:终端会打印带鉴权 token 的 URL,首次访问后 token 自动变成 Cookie。
  • 远程访问:--remote模式优先使用 Tailscale Funnel(稳定的 HTTPS 域名),其次是你自己命名的 Cloudflare 隧道,最后回退到零配置 quick tunnel(每次重启 URL 会变)。--remote还会在终端打印二维码,手机扫码即可直达。
  • 守护运行:加--daemon放后台,配合--open可自动打开浏览器;--remote模式下 token 每 4 小时轮换一次,用aoe url随时取最新地址。

完整的参数、反向代理与安全配置,见 docs/guides/web-dashboard.md。

手机端使用体验:触控优化的终端与结构化视图

手机上打开后,仪表盘自动切换为单栏布局:顶栏按钮可以在代理终端、配对终端、Diff、文件等面板间切换,切走的面板在后台保活,滚动位置与焦点都不会丢失。

终端视图把 tmux 窗格逐行推送到浏览器渲染成真实文本:滚动、选中即复制、捏合缩放字号都是原生手势。代理在运行中你也能随时翻回历史,滑到底部出现"回到实时"按钮。

对于 ACP 类代理(如 Claude Code),推荐使用结构化视图:对话流、工具调用卡片、Todo 清单和审批框一应俱全,比纯终端更适合触屏操作。

代理请求执行git push等敏感命令时,会弹出审批卡片,点Allow / Always / Deny即可在手机上完成授权:

移动端交互细节(软键盘工具条、中断、粘贴、Ctrl切换等)见 docs/guides/web/terminal.md。

一键安装为 PWA:像原生 App 一样使用

仪表盘是一个标准的渐进式 Web 应用(PWA):

  • Chrome/Android:菜单 → 安装 Agent of Empires
  • Safari/iOS:分享 → 添加到主屏幕

两点建议:

  1. 从 Tailscale Funnel 或命名 Cloudflare 隧道安装,因为 PWA 绑定安装时的 URL,quick tunnel 的地址每次重启都会变化,装上去就会失效。
  2. 用aoe serve --daemon保活。再次打开 PWA 会自动回到你上次停留的会话(按设备记忆);服务器重启后客户端秒级自动重连。

推送通知:代理需要你时,锁屏即提醒

AoE 支持标准 Web Push:会话进入等待审批、空闲结束或出错时,浏览器/手机推送通知,iOS 上出现在锁屏,点击深链直达对应会话。审批和问题类通知不受抑制,即使你正开着页面也会弹 Toast 提醒。

在设置页的Notifications标签里开启并发送测试通知即可(iOS 需先从主屏幕打开已安装的 PWA 再授权)。设置页与 TUI 共用同一套配置模式,字段永不漂移:

配置与排障步骤见 docs/push-notifications.md。

手机上审查代码:Diff 视图

代理写完代码后,直接在手机上审查:变更文件按目录树或平铺列表展示,带状态字母(A/M/D)和增删行数;点开文件是语法高亮的统一/分栏 diff。结构化视图会话还能在 diff 行上写批注,一键把评论打包发给代理修改。详情见 docs/guides/diff-view.md。

安全要点速览

  • 默认使用 256 位随机 token(URL 传入后转为 HttpOnly Cookie),也可改用口令墙,--remote下两者强制叠加,token 每 4 小时轮换。
  • 想只看不操作?加--read-only进入只读监控模式,拒绝一切按键输入。
  • 已登录设备可在Settings → Web Dashboard → Connected Devices逐台撤销。
  • 服务端内置 DNS rebinding 防护与--auth=none --host 0.0.0.0等危险组合的启动拦截。

延伸阅读

  • 仪表盘布局、会话向导、排序分组与归档:docs/guides/web/dashboard.md
  • Web 前端源码:web/src/;服务端实现:src/server/
  • 推送通知:docs/push-notifications.md
  • 结构化视图接口:docs/structured-view/interface.md

📱 装好 PWA、打开推送,你的 AI 代理军团从此随时在手机口袋里待命。

【免费下载链接】agent-of-empiresManage multiple Claude Code, OpenCode agents from either TUI or Web for easy access on mobile. Also supports Mistral Vibe, Codex CLI, Gemini CLI, Pi.dev, Copilot CLI, Factory Droid Coding.项目地址: https://gitcode.com/gh_mirrors/ag/agent-of-empires

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询