https://wyr233.com/tags/node.js/Recent content in Node.js on 肥鱼港湾Hugo -- gohugo.iozhMon, 14 Sep 2026 00:00:00 +0000https://wyr233.com/projects/webview-shell/Mon, 14 Sep 2026 00:00:00 +0000https://wyr233.com/projects/webview-shell/<img src="https://wyr233.com/img/cover_proj_webview.webp" alt="Featured image of post 网页变 App 三件套" /><h2 id="这是什么">这是什么 </h2><p>一套「把自己搭的网页服务变成手机 App」的完整方案:<strong>独立图标、全屏无地址栏、能调相册相机、关屏也能收到消息推送</strong>。整套东西零第三方依赖,全部可自托管。</p> <p>一个仓库三部分:Android 壳、手机端页面、聊天后端——可以整套用,也可以只拿其中一块。</p> <h2 id="-android-壳把网页装进真正的-app">① Android 壳:把网页装进真正的 App </h2><ul> <li><strong>自己做推送,不依赖厂商通道</strong>:手写 RFC6455 WebSocket 长连接 + 前台服务保活;国产 ROM(小米 / 华为 / vivo / 联想)的保活引导都写在文档里</li> <li><strong>Android 15 适配</strong>:前台服务类型、键盘避让、返回键与页面抽屉的冲突处理</li> <li><strong>WebView 的真实坑</strong>:某些 WebView 不保存 cookie、页面缓存不刷新——都有对应处理</li> </ul> <h2 id="-手机端页面一个-html-就是界面">② 手机端页面:一个 HTML 就是界面 </h2><ul> <li>不用 npm、不用打包器,<strong>单个 HTML 文件</strong>丢到任意静态服务器就能用</li> <li>流式回复(边生成边显示)、发图自动压缩上传、亮暗双主题跟随系统</li> <li>改一行刷新就生效,移动端调试成本低</li> </ul> <h2 id="-聊天后端441-行-node-原生">③ 聊天后端:441 行 Node 原生 </h2><ul> <li>不用 <code>npm install</code>,直接 <code>node server.mjs</code> 就能跑</li> <li>SSE 流式对话 + 多模态(图片直喂模型)</li> <li>内容寻址图床:上传按内容哈希存,自动去重</li> <li>可选长期记忆:用 markdown 卡片做跨对话记忆,纯文件、可读可改、方便备份</li> </ul> <h2 id="说明">说明 </h2><ul> <li>全部 <strong>MIT 许可</strong>,随便用、随便改</li> <li>定位是<strong>侧载自用</strong>(不上架应用商店):想要「自己的服务自己用」的体验,这套正合适</li> <li>所有个人标识(域名、密钥、账号)在开源前都已替换成占位符,各目录 README 写明要改哪几处</li> </ul>