项目简介
本项目是一个集成多种功能的现代Web应用平台。前端运用Vue3和Bootstrap5构建,后端基于Express4框架。平台具备文件浏览、用户登录、全局搜索、文件上传、命令行执行等核心功能,还有一系列前端工具和游戏,如摄像头与截屏工具、转盘玩具、Canvas赛车游戏、OCR识别等。同时支持WebRTC视频会议、WebSocket服务端推送、WebSSH网页终端和WebGL网页游戏等高级功能。
项目的主要特性和功能
- 网页文件浏览器:通过
GET /file
接口提供文件浏览。 - 登录和登出系统:通过
POST /login
接口实现用户登录与登出。 - 全局搜索功能:通过
GET /gsearch
接口进行网站内容全局搜索。 - 文件上传功能:通过
POST /upload
接口实现文件上传。 - 命令行运行功能:通过
POST /run
接口允许用户在网页运行命令行指令。 - 前端工具集:包含摄像头与截屏工具、转盘玩具、Canvas赛车游戏、时钟、经纬度查看器、通知提示等实用工具,以及OCR识别功能。
- 其他特色功能:有基于WebRTC的视频会议功能、WebSocket服务端推送功能、WebSSH网页终端功能和WebGL网页游戏。
安装使用步骤
安装依赖
确保已安装Node.js和npm/yarn。在项目根目录下运行以下命令安装依赖:
bash
npm install
或
bash
yarn install
配置项目
根据项目需求配置config
目录下的user-template.json
和config-template.json
文件。
启动项目
- 启动前端开发服务器:
bash npm run serve
或bash yarn serve
- 启动后端服务器:
bash npm start
或bash yarn start
访问项目
在浏览器中访问http://localhost:3000
,即可看到项目主界面。
HTTPS配置(可选)
为安全起见,项目支持HTTPS配置。按以下步骤生成证书并配置HTTPS:
- 生成服务器端私钥:
bash
openssl genrsa -out server.key 1024
- 生成服务端公钥:
bash
openssl rsa -in server.key -pubout -out server.pem
- 生成CA私钥:
bash
openssl genrsa -out ca.key 1024
- 生成CSR文件:
bash
openssl req -new -key ca.key -out ca.csr
- 生成自签名证书:
bash
openssl x509 -req -in ca.csr -signkey ca.key -out ca.crt
- 生成server.csr文件:
bash
openssl req -new -key server.key -out server.csr
- 生成带有CA签名的证书:
bash
openssl x509 -req -CA ca.crt -CAkey ca.key -CAcreateserial -in server.csr -out server.crt
配置完成后,即可通过HTTPS访问项目。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】