Add PWA install support for mobile and desktop
Register service worker, install prompt UI, iOS meta tags, and document install steps in DEPLOY.md. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -358,7 +358,46 @@ ss -tlnp | grep 12100
|
||||
|
||||
---
|
||||
|
||||
## 13. 安全建议
|
||||
## 13. 安装为应用(PWA)
|
||||
|
||||
站点已支持 **Progressive Web App**,可在手机和电脑上安装为独立应用。
|
||||
|
||||
### 前提
|
||||
|
||||
- **对外访问必须使用 HTTPS**(云服务器反代层配置 SSL)
|
||||
- 内网 `http://192.168.x.x:12100` 仅适合调试,Android 通常不会弹出「安装应用」
|
||||
|
||||
### 电脑(Chrome / Edge)
|
||||
|
||||
1. 用 HTTPS 域名打开站点并登录
|
||||
2. 地址栏右侧点击 **「安装」** 或菜单 → **「安装 DAO DE JING / 道德经」**
|
||||
3. 也可点击页面右下角 **「安装应用」** 按钮(Android / 部分桌面浏览器)
|
||||
|
||||
### Android 手机
|
||||
|
||||
1. Chrome 打开 **HTTPS 域名** 并登录
|
||||
2. 点击右下角 **「安装应用」**,或菜单 → **「添加到主屏幕 / 安装应用」**
|
||||
|
||||
### iPhone / iPad
|
||||
|
||||
1. 必须用 **Safari** 打开 HTTPS 域名并登录
|
||||
2. 点击底部分享按钮 **□↑**
|
||||
3. 选择 **「添加到主屏幕」**
|
||||
4. 页面右下角也会提示上述步骤
|
||||
|
||||
### 更新后
|
||||
|
||||
安装的应用不会自动更新构建内容,服务端更新后:
|
||||
|
||||
```bash
|
||||
git pull && npm install && npm run build && npm run start
|
||||
```
|
||||
|
||||
用户重新打开应用即可加载新版本(Service Worker 会自动更新静态资源)。
|
||||
|
||||
---
|
||||
|
||||
## 14. 安全建议
|
||||
|
||||
1. **立即修改** `server/auth.config.json` 中的默认密码和 `sessionSecret`
|
||||
2. 不要将 `server/auth.config.json` 提交到 Git 或分享给他人
|
||||
@@ -368,7 +407,7 @@ ss -tlnp | grep 12100
|
||||
|
||||
---
|
||||
|
||||
## 14. 快速部署清单
|
||||
## 15. 快速部署清单
|
||||
|
||||
```bash
|
||||
# 1. 环境
|
||||
|
||||
Reference in New Issue
Block a user