likes
comments
collection
share

Flutter桌面端导入可执行文件并使用

作者站长头像
站长
· 阅读数 37

前言

最近在做一个Flutter桌面端(desktop)软件,需要兼容MacOS和Windows平台。软件需要使用到Android的adb命令。adb命令安装复杂,为方便用户使用,决定将adb命令直接集成到App中。 本文记录了将命令文件(adb命令文件)集成到App安装包中,找到其路径,然后进行调用的方法。

将文件集成到App中

adb命令下载地址为 developer.android.com/studio/rele… 。MacOS平台和Windows平台为不同的文件。

直接集成

集成 文件/文件夹 到Flutter比较简单,正常引入即可。这种方式会把 文件/文件夹 直接导入到所有平台的安装包里面。 简单两步:

  1. 将文件拖到项目目录下
  2. 在pubspec.yaml文件中,将文件的路径配置到assets里 Flutter桌面端导入可执行文件并使用

不同的平台导入不同的文件

Flutter集成的方式,很简单,但有一个问题。就是所有的文件都打到安装包里面去,不管这个文件是不是这个平台需要的。比如我们情况,MacOS平台需要的文件和Windows平台需要的文件是不一样的。我不想把某平台特定的文件打到所有平台的安装包里面。这会导致安装包体积增大。 所以我尝试在不同的平台导入不同的文件。找了一圈,发现Flutter目前并不支持这种需求,详情可看github上的issue Bundling assets only on a specific platform (and remove assets on another platform)。 总之并没有找到怎么从Flutter层面达到需求的方法。 那怎么办呢?Flutter层面解决不了,可以跑到原生处理。

MacOS平台单独导入文件

作为一个iOS开发者,MacOS的文件导入小事一桩。

  1. 将文件拷贝到macos/Runner/目录下
  2. 用Xcode打开macos目录下的Runner.xcworkspace文件
  3. Xcode中选中左侧Runner目录后,右键 -> Add Files to "Runner"...
  4. 在弹出框里面选择你要导入的文件,点击Add即可。 注意:Added folders 选项我选择了Create folder references,因为我想在安装包里面也有platform-tools文件夹,里面的文件比较好找。如果选择了Create group的话,文件夹就没有了,所有的文件都会直接生成在安装包的根目录,很难看的。

Flutter桌面端导入可执行文件并使用 Flutter桌面端导入可执行文件并使用

Windows平台单独导入文件

Windows平台文件如何导入呢?Windows开发小白经过一顿捣鼓之后,仿照Flutter本身的资源文件夹flutter_assets的方式试了一下,居然成功了。步骤为:

  1. 将文件夹拷贝到 windows/ 目录下
  2. 在 windows/CMakeLists.txt 文件的末尾加上下面的文件拷贝语句:
install(DIRECTORY "${CMAKE_CURRENT_SOURCE_DIR}/platform-tools"
  DESTINATION "${CMAKE_INSTALL_PREFIX}" COMPONENT Runtime)

Flutter桌面端导入可执行文件并使用

找到文件的路径

文件导入完成了,那怎么找到文件的路径呢?如果是图片的话,Flutter会提供一个AssetImage来直接加载图片。json文件、视频等都可以直接加载到内存中(比如rootBundle.load方法)。 但是我不想加载啊,我只想要我刚导入的文件夹的路径,找到其中的adb文件,然后调用adb的命令。 一顿Google后,我发现,Flutter居然无法直接拿到导入的文件的路径!!!心中一万个草泥马奔腾而过... 那该如何找到我们导入到安装包的文件的路径呢?

替代方案1:拷贝文件到新路径

一顿折腾之后,目前有一个替代方案还算比较合理。就是将文件加载到内存中(rootBundle.load的方式),然后将文件写入到Documents文件夹或者Temporary文件夹中。写入文件的路径我们是可以拿到的,自然就能找到我们想要的文件路径了,虽然这个文件是拷贝后的...

Future<File> getImageFileFromAssets(String path) async {
 final byteData = await rootBundle.load('assets/$path');
 final buffer = byteData.buffer;
 Directory tempDir = await getTemporaryDirectory();
 String tempPath = tempDir.path;
 var filePath =
  tempPath + '/file_01.tmp'; // file_01.tmp is dump file, can be anything
 return File(filePath)
  .writeAsBytes(buffer.asUint8List(byteData.offsetInBytes, 
 byteData.lengthInBytes));
}

具体方案请参考 How do I get the Asset's file path in flutter? 这种方案用得较多,但我不太喜欢,一是嫌拷贝麻烦,文件大的话是需要一定时间的。二是后续更新如果文件有改动的话,需要处理。总之就是嫌麻烦。所以尝试找另外的替代方案。

替代方案2:获取App可执行文件路径后定位

方案2就是通过找到安装包的根目录,然后根据相对位置来定位到我们的文件所在的路径。 但是我居然没找到怎么获取安装包根目录的方式!!!(心里又有一万个草泥马奔腾而过...) 虽然无法直接找到安装包的根目录,但是我找到Flutter App中的可执行文件的路径。Flutter App的可执行文件的路径肯定是在安装包目录里面的。 采用Platform.resolvedExecutable可以获取到Flutter App的可执行文件路径,然后可以定位到我们需要的文件的路径。

// MacOS:在Flutter中导入文件的获取方式
// 方法:
//   1.文件夹放到工程根目录下
//   2.pubspec.yaml文件声明资源文件
//      assets:
//          - platform-tools/MacOS/
// 安装后文件路径:Contents/Frameworks/App.framework/Resources/flutter_assets/platform-tools/MacOS/adb

// App的可执行文件路径
String resolvedExecutablePath = Platform.resolvedExecutable;
// 找到安装包根目录
String rootPath = p.dirname(p.dirname(resolvedExecutablePath));
// 定位到adb文件路径
final adbPath = p.join(rootPath, "Frameworks", "App.framework", "Resources", "flutter_assets", "platform-tools", "MacOS", "adb");
debugPrint("MacOS:Flutter导入文件 adbPath=$adbPath");
// MacOS:在Xcode中导入文件
// 方法:
//   1.将文件拷贝到macos/Runner/目录下
//   2.用Xcode打开macos目录下的Runner.xcworkspace文件
//   3.Xcode中选中左侧Runner目录后,右键 -> Add Files to "Runner"...
//   4.在弹出框里面选择你要导入的文件,点击Add即可。
// 安装后文件路径:Contents/Resources/platform-tools/adb

// App的可执行文件路径
String resolvedExecutablePath = Platform.resolvedExecutable;
// 找到安装包根目录
String rootPath = p.dirname(p.dirname(resolvedExecutablePath));
debugPrint("rootPath=$rootPath");
// 定位到adb文件路径
final adbPath = p.join(rootPath, "Resources", "platform-tools", "adb");
debugPrint("MacOS:在Xcode中导入文件 adbPath=$adbPath");
// Windows: 在Flutter中导入文件
// 方法:
//  1.文件夹放到工程根目录
//  2.pubspec.yaml文件声明资源文件
//    assets:
//        - platform-tools/Windows/
// 安装后文件路径:data\flutter_assets\platformTools\Windows\adb.exe

// App的可执行文件路径
String resolvedExecutablePath = Platform.resolvedExecutable;
String rootPath = p.dirname(resolvedExecutablePath);
// 定位到adb文件路径
final adbPath = p.join(rootPath, "data", "flutter_assets", "platform-tools", "Windows", "adb.exe");
debugPrint("Windows:在CMake里直接拷贝资源到安装包 adbPath=$adbPath");
// Windows:在CMake里直接拷贝资源到安装包
// 方法:
//  1.文件加放到windows目录
//  2.设置windows/CMakeLists.txt文件。在文件最后一个install方法的前面,加上下面的代码
//    install(DIRECTORY "${CMAKE_CURRENT_SOURCE_DIR}/" DESTINATION "${CMAKE_INSTALL_PREFIX}" COMPONENT Runtime)
// 安装后文件路径:platform-tools\adb.exe

// App的可执行文件路径
String resolvedExecutablePath = Platform.resolvedExecutable;
String rootPath = p.dirname(resolvedExecutablePath);
// 定位到adb文件路径
final adbPath = p.join(rootPath, "platform-tools", "adb.exe");
debugPrint("Windows:在CMake里直接拷贝资源到安装包 adbPath=$adbPath");

注:这种方案不保证后续能用,如果Flutter有改动资源路径的话,可能会失效。

命令调用

命令调用使用的是process_run库。 导入process_run

process_run: ^0.12.5+2

引入头文件

import 'package:process_run/shell.dart';

然后就可以执行命令了

final shell = Shell();
try {
  await shell
      .runExecutableArguments(macAdbPath1!, ["--version"]);
} catch (e) {
  debugPrint("exec catch exception=$e");
}

注:MacOS平台需要关闭沙箱设置,请参照官方文档来处理。

总结

Flutter导入文件到安装包,通用的方式是直接在pubspec.yaml文件里面导入。但这种方式会把文件导入到所有平台。如果想要只导入到单个平台的话,需要到原生工程去处理。希望Flutter后续能支持不同平台导入不同文件。 目前难以直接从Flutter端获取到导入到安装包的文件的路径,常见方案是将文件读取到内存,然后重新写入到磁盘中,这样可以获取到写入后的文件路径。我采用的是另一个方案,通过Platform.resolvedExecutable找到App安装包中的主可执行文件的路径,进而定位到安装包根目录,然后再定位到我们导入的文件。 Flutter桌面端执行命令使用process_run库较多,可参照官网文档和其他的文章使用。

参考

github: 本文Demo地址 issue: Bundling assets only on a specific platform (and remove assets on another platform) stackoverflow: How do I get the Asset's file path in flutter? issue: Support for AssetBundle to get each platforms bundle path dart pakages: process_run

写作不易,觉得有收获的话点个赞鼓励下呗~

转载自:https://juejin.cn/post/7213604320233996346
评论
请登录