Flutter 开发桌面应用——迁移已有App应用到桌面版

时间 2019-11-06 标签 linux git github golang windows app ide 工具 google spa

前言

最近用flutter作了一款App，已经发布了Android和iOS的版本，由于有计划支持所有平台。因此开始尝试flutter desktop的解决方案。在github上咱们能发现两个方案，一个是flutter官方的方案flutter-desktop-embedding还有一个是使用go和glfw开发的go-flutterlinux

两种方案对比

在选择使用flutter-desktop仍是go-flutter以前，咱们先对两种方案作一些介绍和对比。git

两种方式的项目结构：

Flutter Desktop Embedding:

在flutter desktop中咱们能够看到目录结构和flutter开发手机App的结构是相似的，一个主项目下有各个平台的壳工程(这里面也能够包含Android和iOS)，而后由壳工程集成flutter的渲染引擎。flutter的代码写在lib目录中。github

若是咱们懂一些macOS开发或者windows开发，能够直接在项目中修改原生代码，好比你想修改整个程序的window的样式直接在原工程中就能修改，又好比macOS你要集成苹果的IAP，能够直接在原生项目中实现便可。golang

它的缺点就是三个平台的开发你最好都得懂一些windows

Go Flutter:

Go Flutter因为自己Go语言就是跨平台的，全部它只有一个desktop目录，表示桌面版，相比于flutter desktop它让开发者彻底不须要去关心macOS或者windows开发了，desktop中全是go语言编写的内容，最后desktop能够编译成三中平台的可执行文件。开发者只须要会Go语言便可。app

它的缺点就是若是win或者mac或者linux你要在不一样的平台作一些特殊的功能或者界面，会特别麻烦，不像在Flutter desktop中直接在宿主项目中实现便可。ide

对比结果如何选择

首先咱们要明确，两种方案都不太成熟，可是若是要用来开发，也不是用不了。你们选择的时候能够根据自身技术栈，以及产品的特性来选择。工具

若是你懂Go语言，同时你的程序是阅读类，或者偏业务类，基本不须要和自己Native交互的，选 Go Flutter真的很爽。google

若是你懂一点macOS或者windows开发，同时你的程序常常三个桌面端各有特点，并且须要修改自己整个window的一些样式，那么选择Flutter desktop embedding。spa

Go Flutter实际使用

上面说了这么多，咱们来实际体验一下Go flutter。先说一下背景，我已经使用flutter开发了一款App，如今我要把App变成能够运行到桌面的版本。我写的软件叫作Everything是一款记录类软件，在这里能够下载到everything.apppills.com你们能够先看一下效果。

安装Go ，因为Go flutter使用Go编写，因此须要安装Go工具包。你们能够在官网下载安装
安装hover，hover是 Go Flutter的一个命令行工具，简化了项目初始化以及运行等步骤。

使用下面命令安装
```
go get -u github.com/go-flutter-desktop/hover
复制代码
```
注意若是上面的命令卡住下载不下来，你们能够设置一下代理，设置命令行代理，而后在命令行输入命令设置
```
export http_proxy="http://127.0.0.1:8001"; export HTTP_PROXY="http://127.0.0.1:8001"; export https_proxy="http://127.0.0.1:8001"; export HTTPS_PROXY="http://127.0.0.1:8001"
//8001改为你的ss监听的端口
复制代码
```
⚠️ 注意：安装好hover以后，官网上说就可使用hover命令了，可是可能你在命令行里敲hover可能仍是获得的是command not found。这里我用的是mac系统，在安装好以后，在home目录多了一个go的目录，须要在你的环境变量里加入一下go的包路径。
```
export PATH=$PATH:/usr/local/go/bin
export PATH=$PATH:/Users/{你的用户名}/go/bin
//能够检查一下你的home目录是否有了go的目录，里面有个bin，将那个目录加入到环境变量便可
复制代码
```
进入你之前开发App的flutter项目，执行命令初始化项目
```
hover init github.com/my-organization/simpleApplication
//后面这个github.com xxxx就是你的项目仓库地址。没有的话随便写也行
复制代码
```
初始化项目完成后，你会在你的项目中发现一个desktop目录，和之前的iOS和Android是平级的。这个desktop目录就是桌面版的项目。
把你的main.dart复制一份名字改成main_desktop.dart，Go flutter有个特别的地方，就是程序的入口不是用的main.dart，而是用的main_desktop.dart。

修改main_desktop.dart为使用桌面版运行
```
void main() {
  // 关键是下面这一句
  debugDefaultTargetPlatformOverride = TargetPlatform.fuchsia;
  runApp(new MyApp());
}
复制代码
```

大功告成，运行项目吧。

hover run
//执行 hover run 能够运行项目
复制代码

咱们先来看一下运行效果下面是App的运行效果和桌面版的运行效果。

手机版自己效果：

Go Flutter运行的桌面版效果：

FAQ：

1.程序按照上面那样迁移完成就能跑？

固然不是，咱们都知道咱们用了不少插件，实际上是只支持Android或者iOS的，若是你用得比较多的这种插件，那么你可能迁移到桌面端过来会比较麻烦。个人总体迁移的时间大概只用了2-3个小时，我用到了sqflite和shared preference，这两个插件Go flutter已有实现，因此很容易替换。

2.如何使用Go flutter的插件

咱们知道咱们全部和原生通讯都是经过定义一个method channel来通讯的。若是你用到的插件只支持Android或者iOS，那么你就须要在desktop中去实现这个插件的method channel的全部方法。目前Go flutter只有三个插件能够用，在这里能够找到。github.com/go-flutter-… 点击某个插件，就能够看到使用方法，就是把对应代码贴到，desktop里面的option文件中便可，不要找错地方了，官网没说得太清楚。

最后

感谢你们的阅读，我用flutter开发了个小App也欢迎你们试用：

Everything 把记帐本日记本，行程，待办等等都装进一个App里。