StaiLee/4-Eleven

# 📁 4-Eleven – 实时文件监控 **4-Eleven** 是一个安全演示应用程序，允许在 Linux 系统（例如：Kali）上**实时监控文件夹**，并通过现代的 Web 界面可视化所有更改（创建、修改、删除、权限更改等）。 ## ✨ 主要功能 ### ✅ 1. 选择要监控的文件夹 - 用户可以输入想要监控的**文件夹的绝对路径**。 - 该路径将发送到服务器，通过 `chokidar` 启动监控。 - 示例：`/home/waterjuice/Desktop/test-folder` ### 👀 2. 实时监控 - 选择路径后，后端将使用 **`chokidar`** 监控所有文件和子文件夹。 - 捕获的事件： - 📄 `add`：文件或文件夹已创建 - 📝 `change`：文件已修改 - ❌ `unlink`：文件已删除 - 🔐 `permission-change`：访问权限更改（例如：755 ➜ 700） ### 🔄 3. 实时显示日志 - **/logs** 页面通过 **Socket.IO** **实时**显示捕获的事件。 - 每个日志包含： - 操作类型（ADD, CHANGE, UNLINK 等） - 文件的完整路径 - 适用时的旧权限和新权限 ## 🎨 用户界面 - **简洁干净**的界面，针对每种事件类型使用特定颜色： - 🟢 `ADD` → 深绿色背景 - 🟡 `CHANGE` → 深黄色背景 - 🔴 `UNLINK` → 深红色背景 - 🟠 `PERMISSION-CHANGE` → 深橙色背景 - 使用 **React + Vite** 进行前端开发 - 轻量级设计，不使用外部 CSS 框架，以确保兼容性和简洁性。 ## 🧠 技术架构 ### 后端 (Node.js + Express + Socket.IO) - REST API 用于启动监控 (`POST /start-watcher`) - WebSocket 用于发送日志 - 使用 `chokidar` 进行监控（filesystem 事件） ### 前端 (React) - `PathSelector.tsx`：路径输入页面 - `LogViewer.tsx`：实时显示界面 ## 🛠️ 安装与启动 ### 1. 后端 ``` cd backend npm install npm run dev ```

标签：MITM代理, Socket.IO, SQL, TCP SYN 扫描, TypeScript, Web UI, 安全插件, 文件监控, 系统审计, 自定义脚本