前言

今年二月份的时候，我提了下准备逐渐不用 Fyne ，换一种方式来做 GUI （见这篇文末：Golang 从零开始搭建自动部署平台，一键部署基础服务）

Golang 生态的 GUI 路线主要有三种

我正在用的，基于 OpenGL 的 Fyne 库，实现了一套自绘引擎，纯写 Go
用的比较多的，以 Wails 为代表的传统前端 GUI 方案，套皮 Chrome 类，需要会 html + js + css 三件套
基于 Qt 写 GUI ，最早从 C 那边出来的

准备换的原因，主要是 Fyne 无法应对复杂界面绘制，加上远程桌面默认的 OpenGL 版本很低，程序会跑不起来

基于此，我能选的只有 Wails 为代表的传统前端 GUI 方案。所以我就去稍微看了看前端。我之前也学过一点点前端，博客的主题切换，以及博客 V2 的 dark-mode 都是我写的，也能稍微写一点点，但是每次看前端的时候，那感觉就像上高数课一样，看着看着就要睡着了！说好的前端简单呢😡

因为不知道为什么，前端的内容是一点儿都看不进去，这次看也是越看越困，所以只能放弃这个方案，Qt 那套东西太费劲了。但是该解决的问题还是得解决，那么就得从这个圈子跳出来想解决方案，也试了试 Godot 做界面，感觉做的也很累。也稍微试了试 C# 的 Avalonia ，xml 这玩意儿真的爱不起来。

于是准备戴上耳机听歌摆起来！然后，突然想到，我听歌的 App 是用 Flutter 自己写的！为什么我不用 Go + Flutter 来搞捏？去年上班之前，在热心开罗老哥的帮助下，用他的 abdelaziz-mahdy/flutter_meedu_videoplayer: Cross-Platform Video Player for flutter (github.com) 这个库做了个音乐播放器 -> luckykeeper/OAPlayer: Flutter 练手小工具，一个视频播放器，连续播放列表中的视频（从网络源获取），适合白嫖网络免费存储听OP/ED (github.com)

Flutter 是个好东西，只要你不用平台特定库，你可以写一次代码，把 Web & Android & iOS & MacOS & Windows & Linux 六端一网打尽，不过当时没有仔细学，东拼西凑加找开罗老哥帮忙才搞了出来，所以这次就得正经的学一下了

感谢谷歌，让小的能有个饭碗（doge），是的，Flutter 和 Golang 一样，都是狗哥家的好东西

一如既往，我上手起手式肯定是先来一个 Mini-Project ，改造一下之前用 Fyne 写的应用，于是有了这个：luckykeeper/yuuka_downloader_flutter: (YuukaDownloader Flutter 重制版) 优香酱系列小工具——快速解析初音站(yngal/fufugal/ffgal)链接并送Aria2下载 (github.com)

小试了一下 Realm ，感觉并不好用，不如用 SQLite ，小试完了，自然就要准备上项目了

界面展示

说到 Flutter ，首先就不得不提下状态管理，感觉国内用 GetX 的好像蛮多的，那会儿先看了官方推荐的 provider 之后，看到说它的作者做了个 Riverpod ，字母组成和 provider 一样，但是更好用，于是就去学了 Riverpod

那么接下来就来康康界面吧，可以和之前 Golang 版的对比下：Golang 搞定 k8s 应用无网自动化滚动升级

这次要稍微复杂一点点，原先的是服务器端和客户端，现在在客户端这边分成了用户界面（Flutter）和后端（Golang），原因很简单，操作 docker 镜像的库没有 dart 版本的，docker 是 go 写的，所以库也是 go 写的，这很合鲤

交互逻辑上尽量是做的相似，主要考虑是减少同事使用的学习成本

后端

Golang 写的后端，打了 Windows 、MacOS 和 Linux 的包，用的 GIN 起的 http 服务器，和 Flutter 的界面交互，只允许了本地 IP 请求，别的 IP 请求不响应，所有的文件操作都由它来进行，虽然 dart 也能操作本地文件，但是在 Windows 上，它用的是 CreateFile2 函数 (fileapi.h) ，所以不能在 Win7 和 WinServer 2008 运行，之前见过极个别学校提供的是这种远程机器，为了能在这些机器也能跑起来，于是就把所有的文件操作给到了后端去做

首屏

是不是有一种手机（或者叫做 pad 更贴切） App 的感觉😂，Flutter 作为主推移动端的框架，设计上更偏向移动端，m3 标准，看起来还是挺赏心悦目的，同样都是 Marital Design ，感觉比 Fyne 好看很多，我在各端做了无边框设计，双击可以最大/小化，拖边框可以放大缩小，无边框设计感觉要更好看些，启动的时候会做系统检测，如果是 Win8 以下系统的话，就不会去写日志，原因是上面提到的 CreateFile2 函数的问题，另外 Win8 及以上系统，可以自定义后端端口，Flutter 可以从后端配置读取打开，但是 Win8 以下的话，就是固定 44443 端口咯