最近在学习 Go 语言，语法看得差不多了，想着找点什么项目做做，正好我一直想做一个「局域网PC与手机互传文件，且不想借助微信/QQ等骚扰软件」的软件，于是就用 Go 来做了，最终截图如下：

功能很简单：

1. PC 上传文字或文件后创建二维码，提供给手机浏览器扫码下载
2. 手机在浏览器上传文字或文件后自动用 websocket 通知给 PC 端，弹出下载提示

这里主要说一下实现思路。

实现思路

用 Loca 创建窗口

我了解到 Go 的如下库可以实现窗口：

1. lorca - 调用系统现有的 Chrome/Edge 实现简单的窗口，UI 通过 HTML/CSS/JS 实现
2. webview - 比 lorca 功能更强，实现 UI 的思路差不多
3. fyne - 使用 Canvas 绘制的 UI 框架，性能不错
4. qt - 更复杂更强大的 UI 框架

我随便挑了个最简单的 Lorca 就开始了。

用 HTML/CSS/JS 制作 UI

我用 React + ReactRouter 来实现页面结构，文件上传和对话框是自己用原生 JS 写的，UI 细节用 CSS3 来做，没有依赖其他 UI 组件库。

Lorca 的主要功能就是展示我写的 index.html。

用 gin 实现后台接口

index.html 中的 JS 用到了五个接口，我使用 gin 来实现：

router.GET("/uploads/:path", controllers.UploadsController)              
router.GET("/api/v1/addresses", controllers.AddressesController) 
router.GET("/api/v1/qrcodes", controllers.QrcodesController)   
router.POST("/api/v1/files", controllers.FilesController)      
router.POST("/api/v1/texts", controllers.TextsController)

其中的二维码生成我用的是 go-qrcode。

用 gorilla/websocket 实现手机通知 PC

这个库提供了一个聊天室的例子，稍微改一下就能为我所用了。

整体思路

总得来说：

1. 用 Lorca 搞出一个窗口
2. 用 HTML 制作界面，用 JS 调用后台接口
3. 用 Gin 实现后台接口
4. 上传的文件都放到 uploads 文件夹中

共 400 行 Go 代码，700 行 JS 代码。

如何使用

目前我只测试了 Windows 系统，能正常运行。理论上 macOS 和 Linux 也能运行，但我并没有测试。

你可以在 releases 页面 下载可执行文件，也可以自行编译源代码得到可执行文件。

Windows 用户须知

Windows 用户需要在防火墙的入站规则中运行 27149 端口的连接，否则此软件无法被手机访问。

自行编译

git clone [email protected]:FrankFang/synk.git
cd synk
cd server/frontend; yarn; yarn build; cd -
./scripts/build_for_mac.sh
./scripts/build_for_win.sh

我的收获

1. 知道如何用 Go 写一个发布订阅（使用 websocket 的时候看到别人的源码了）
2. 知道 ch2 <- ch1 与 ch2 <- (<-ch1) 的区别了，前者一般是写错了
3. 知道了 Go 应用代码引入本地包的方法