# 基于Electron实现内网快传

**Repository Path**: chen-huihui/SpeedSend

## Basic Information

- **Project Name**: 基于Electron实现内网快传
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-28
- **Last Updated**: 2025-07-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于Electron实现内网快传

### 基于WebRTC 文件传输 / 共享桌面，对于文件的传输大小有一定的限制，改为通过 Ip + Port + FileAddress，进行下载。

### 实现技术：Vue3 + Electron

#### 实现功能点：
1. 用户在线列表 （WebSocketServer）
2. 修改名字  （同上）
3. 私聊/群聊 （同上）
4. 这里是列表文本
5. 文件拖拽发送 （ preload 递归返回文件地址树 ）
6. 首次下载需保存路径 （ dialog.showOpenDialog ）
7. 下载文件环绕动画 （ linear-gradient + 动态 processVal ）
8. 下载文件分文件夹存储 （ 下载时，默认创建接收IP存入 ）
9. 文件丢失重新下载，存在则打开 （ 递归检查丢失文件重新下载 ）
10. 历史聊天记录 （ 存储至Json，打开即重载 ）
11. 内网通过IP + 端口 + 文件地址，按流下载 （ steam + chunk + processVal ）
12. 根据文件类型展示不同Icon （ 获取后缀switchCase 配置url ）

#### 安装依赖步骤：
1. 在 electron 文件夹中：npm install
2. 在 vue3/vue-project 文件夹中：npm install

#### 修改配置信息
1. 在vue3/vue-project/src/server/server.ts 中修改：const chatWs = new WebSocket('xxxx'); 为自己线上地址 or 本地测试地址

#### 启动步骤：
1. 在 electron 文件夹中：npm run dev
2. 在 vue3/vue-project 文件夹中：npm run dev

#### 打包步骤：
1. 在 vue3/vue-project 文件夹中：npm run build 
2. 把vue3 打包后的 dist 放到 lectron 文件夹中的dist文件夹中
3. 然后在 electron 文件夹中：npm run package