# 局域网文件传输工具

**Repository Path**: mrtime/document-transmission

## Basic Information

- **Project Name**: 局域网文件传输工具
- **Description**: 基于electron开发的pc软件。为了方便在局域网内两台电脑之间传文件，能够自动发现网络中的其他机器，可配置传输网卡。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-12-26
- **Last Updated**: 2024-12-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


## 介绍
在局域网内两台电脑之间传文件，没有一个比较方便的软件。<br/>
飞秋之类的也有这样的功能，但是在电脑有多网卡的情况下，可能会发现不了其他机器。配置网卡不方便，一开始我都不知道飞秋可以配置传输网卡，以为他不能配。<br/>
于是就自己实现了一个，能够自动发现网络中的其他机器，能方便地配置传输网卡。<br/>


<img src="./doc/pre.png" width="500"/>


## 原理
选择工作网卡后，会通过这个网卡进行udp广播，方便其他机器发现自己。

## 开发方式
这里分为electron和vue两个项目。<br/>

开发时，electron项目的起始路径为elect\。就是项目中的./，表示elect\

### 启动开发
1. 进入vite目录 <br/>
执行 npm run dev <br/>
此时会开启一个常规的vue项目，启动web服务器。

2. 打开elect\src\windows\index.js<br/>
 win.loadURL('http://localhost:3000/')<br/>
确认设置了上一步web服务的地址。

3. 进入elect <br/>
执行 npm run dev <br/>
此时就会出现electron window，并加载vue项目的http地址。

### 发布程序
1. vite目录下 npm run build<br/>

2. 将vite/dist复制为elect/dist。将dist/html里的js和css改为相对路径。


3. 打开elect\src\windows\index.js<br/>
确认win.loadFile('dist/index.html')<br/>

4. elect下执行npm run make。<br/>

package 表示把相关制品都放到一个文件夹内，此时已经可以使用了。
make 表示把上一步的制品做成setup.exe安装程序。<br/>