dsh-mobile产品系统Vibe Coding

我要开发同款
Latias2026年10月24日
10阅读

技术信息

语言技术
HTML5、CSS、JavaScript、Vue、uniapp
系统类型
Web、Android应用、H5
行业分类
人工智能

作品详情

行业场景

立项原因:AI 智能体(DeepSeek Harness 等)通常只能绑定在电脑上使用,人一离开工位就无法继续指挥它干活,使用场景严重受限。

解决的产品问题:把「跑在电脑上的 AI 智能体」随身化——用手机随时随地远程控制它,继续对话、切换模型、监控任务进度、审批关键操作。

行业场景:AI 辅助办公与编程、智能体远程调度、移动端 AI 交互。

业务场景:开发者不在电脑前时,用手机远程指挥 AI 编程助手继续任务、随时切换模型;业务人员远程监控智能体执行进度并实时介入、打断或压缩上下文。

功能介绍

项目实现了一个 H5 + Android 双端移动客户端,核心功能模块包括:

连接鉴权:token 换 cookie 鉴权,支持局域网直连与公网隧道双通道,共用同一套登录态;
会话管理:会话列表、新建会话、人设(agentPreset)切换、菜单按需展示;
流式聊天:AI 回复打字机逐字渲染、Markdown 展示、每条回复下方显示上下文 token 与缓存命中统计;
模型切换:随时切换 provider / 模型 / 思考等级;
远程控制:发送指令指挥 AI、停止生成、上下文压缩(/compact 指令)、断线自动重连(5 秒定时 + 状态灯 + 手动重连);
一键启动:脚本自动拉起 DSH + 反向代理桥 + 公网隧道,自动抓取 token 与访问地址,开箱即用。

项目实现

我负责的任务:项目为独立开发,负责从需求分析、架构设计、双端实现到联调上线的全流程。

技术栈:uni-app(Vue3 + TypeScript + Pinia)、Node.js(反向代理桥、自动化脚本)、WebSocket(mux 流式协议)、cloudflared(公网隧道)。

架构:手机 App → Node.js 反向代理桥 → DSH 桌面智能体;桥负责改写 Host、剥离跨站请求头、透传 Cookie,统一处理鉴权与安全策略。

实现亮点:
自研 Node.js 反向代理桥,攻克「App 端 303 重定向丢失 Cookie」「原生 WebSocket 被跨站安全策略 403 拒绝」两项跨端鉴权难题;
实现 WebSocket mux 流式协议解析(open / item / end 帧 + assistant-stream 分片),AI 回复逐字渲染;
局域网直连与公网隧道双通道无缝切换,共用同一套鉴权,切换无需重新登录。

难点:
移动端网络栈与浏览器行为差异大(重定向、Cookie、跨站头均不可控),需在中间层统一处理;
原生 WebSocket 无法自定义 Origin / Referer,只能靠桥剥离跨站标记绕过 403;
流式渲染的长文本性能与滚动体验(自动吸底 / 回读历史)的平衡;
断线重连的状态同步与消息补全。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论