360 Secure SkillHub
360 安全技能中心

Private Web App (PWA)

核心功能:基于FastAPI+React/Vite的个人PWA仪表板,内置系统监控、文件浏览插件,支持自定义插件开发、推送通知,可通过脚本或系统服务(systemd/launchd)管理服务。典型场景:安装配置、启停服务、前端修改后构建、添加新插件、配置推送。输入为命令行指令或JSON配置,输出为运行的PWA服务及操作反馈。

camopel
camopel
热度 61.82
最近更新 2026-05-18 12:08:05
分类:开发依赖:纯提示词应用场景:代码生成 / API 集成 / DevOps / 自动化脚本 ...

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add privateapp
Metadata
name
privateapp
description
Personal PWA dashboard server with plugin apps. Use when: (1) installing or setting up PrivateApp, (2) starting/stopping/restarting the service, (3) building frontends after changes, (4) adding new app plugins, (5) configuring push notifications. Requires Python 3.9+, Node.js 18+. Runs as systemd user service or launchd plist.

PrivateApp

Personal PWA dashboard — FastAPI backend + React/Vite frontend with plugin apps.

Screenshots

Home System Files

Setup

# Clone and install (creates venv, builds frontends, sets up systemd/launchd)
git clone https://github.com/camopel/PrivateApp.git ~/Workspace/PrivateApp
cd ~/Workspace/PrivateApp
bash scripts/install.sh [--port 8800]

Copy scripts/config.example.json → scripts/config.json and edit:

{
  "host": "0.0.0.0",
  "port": 8800,
  "data_dir": "~/.local/share/privateapp",
  "file_browser": { "root": "~" },
  "push": { "vapid_email": "you@example.com" }
}

Service Management

# Linux (systemd user service)
systemctl --user start privateapp
systemctl --user stop privateapp
systemctl --user restart privateapp
systemctl --user status privateapp

# macOS (launchd)
launchctl load ~/Library/LaunchAgents/com.privateapp.server.plist
launchctl unload ~/Library/LaunchAgents/com.privateapp.server.plist

# Manual
.venv/bin/python3 scripts/server.py --host 127.0.0.1 --port 8800

Build Frontends

After any frontend change, rebuild:

# Build shell (home screen)
cd frontend && npm run build

# Build all app frontends
for app_dir in apps/*/frontend; do
  [ -f "$app_dir/package.json" ] && (cd "$app_dir" && npm install && npm run build)
done

# Or use the install script which builds everything
bash scripts/install.sh

Then restart the service.

Built-in Apps

App Shortcode Description
📊 System sysmon CPU, RAM, disk, GPU stats and service health
📁 Files files Browse, preview, and share files

Adding a New App

Create apps/{app-id}/ with:

  • app.json — metadata (id, name, shortcode, icon, description)
  • backend/routes.py — FastAPI router (mounted at /api/app/{shortcode}/)
  • frontend/ — React SPA (Vite, builds to frontend/dist/)

Shortcode must be unique. The app loader auto-discovers on startup.

See the existing apps for reference patterns. Key conventions:

  • All routes async def, return plain dicts
  • Frontend uses CSS custom properties for dark mode
  • Input font-size ≥ 16px (prevents iOS auto-zoom)
  • Every app has a back button linking to /

Push Notifications

Apps can send push via commons.push_client:

from commons.push_client import send_push
await send_push(title="Alert", body="Something happened", url="/app/my-app/")

Data

~/.local/share/privateapp/
├── privateapp.db       # Settings, preferences, push subscriptions
├── vapid_private.pem   # VAPID signing key
└── vapid_public.txt    # VAPID public key

Key APIs

  • GET /api/apps — list installed apps
  • GET /api/settings/preferences — get preferences (timezone, language, app_order)
  • POST /api/settings/preferences — save preferences
  • POST /api/push/send — send push notification
  • GET /api/push/test — test push