HarmonyOS鸿蒙Next中搭建Flutter开发环境（Windows）

HarmonyOS鸿蒙Next中搭建Flutter开发环境（Windows） Flutter 是 Google 发布的一个用于创建跨平台、高性能移动应用的框架。Flutter 没有使用原生控件，实现了一个自绘引擎，使用自身的布局、绘制系统。值得注意的是 Flutter 的Release 包默认是使用 Dart AOT（提前编译） 模式编译的，所以不支持动态化，但 Dart 还有 JIT（即时编译） 或 snapshot 运行方式，这些模式都是支持动态化的。

Flutter的详细介绍详见：

https://book.flutterchina.club/#第二版变化

由于Flutter会同时构建Android和IOS两个平台的发布包，所以Flutter同时依赖Android SDK和iOS SDK，在安装Flutter时也需要安装相应平台的构建工具和SDK。

一、下载flutter鸿蒙版本sdk配置环境变量

git clone https://gitee.com/openharmony-sig/flutter_flutter.git my_ohos_flutter

git checkout -b dev origin/dev

cke_6167.png

安装java jdk配置环境变量

java -version

cke_8718.png

环境变量(系统：PATH)配置(手动设置)

配置harmonyOS sdk

Ohpm、hdc、hvigor、node、PUB_HOSTED_URL、FLUTTER_STORAGE_BASE_URL、DEVECO_SDK_HOME

如：

hdc: C:\Program Files\Huawei\DevEco Studio\sdk\default\openharmony\toolchains

C:\Program Files\OpenJDK\jdk-17\bin

将 DevEco Studio 安装目录下 tools 文件夹中的 ohpm\bin、hvigor\bin 和 node\bin

将 HarmonyOS SDK 中 toolchains 目录路径添加到 PATH 变量

将 OpenHarmony 版 Flutter 的 bin 目录路径添加到 PATH 变量

创建 HOS_SDK_HOME 环境变量，其值为 HarmonyOS SDK 的路径，如 C:\Program Files\Huawei\DevEco Studio\sdk

创建 PUB_HOSTED_URL 环境变量，其值为 https://pub.flutter-io.cn

创建 FLUTTER_STORAGE_BASE_URL 环境变量，其值为 https://storage.flutter-io.cn

配置完成后，重启所有终端窗口，执行：flutter doctor -v

二、创建flutter版本的鸿蒙项目

flutter create --platforms ohos demo_flutter

cke_52579.png

cke_62384.png

在创建的 Flutter 模块目录中，编辑pubspec.yaml文件，配置模块的依赖项、插件等信息。确保移除仅支持 Android/iOS 的插件，替换为鸿蒙兼容版本。

cke_81284.png

替换为鸿蒙兼容插件

编辑main.dart文件，编写你的Flutter应用代码

构建hap包

cke_118465.png

需要在DevEco Studio中获取签名后运行项目

cke_5665.png

在使用Flutter开发应用时，如果你发现修改代码后页面没有更新：在终端中运行flutter clean命令，然后再次运行flutter run。


更多关于HarmonyOS鸿蒙Next中搭建Flutter开发环境（Windows）的实战教程也可以访问 https://www.itying.com/category-92-b0.html

2 回复

在Windows上为HarmonyOS Next搭建Flutter开发环境，需使用华为提供的Flutter for HarmonyOS分支。首先安装DevEco Studio，配置HarmonyOS SDK。然后通过Git克隆特定Flutter版本，设置环境变量指向自定义引擎。编辑pubspec.yaml，添加harmonyos依赖。运行flutter doctor确认环境就绪，使用DevEco进行鸿蒙应用开发与调试。

更多关于HarmonyOS鸿蒙Next中搭建Flutter开发环境（Windows）的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Windows上搭建Flutter开发环境用于HarmonyOS Next开发，需注意以下关键点：

  1. 使用OpenHarmony SIG维护的Flutter分支，通过Gitee获取源码并切换到dev分支。
  2. 配置JDK 17及以上版本，并设置JAVA_HOME和PATH环境变量。
  3. 安装DevEco Studio，配置HarmonyOS SDK路径，设置HOS_SDK_HOME环境变量指向SDK目录。
  4. 添加必要的工具路径到PATH，包括ohpm、hvigor、node以及hdc等。
  5. 设置PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL为国内镜像以加速依赖下载。
  6. 创建Flutter项目时使用--platforms ohos参数生成鸿蒙平台支持。
  7. 检查并替换pubspec.yaml中的插件为鸿蒙兼容版本，避免使用仅支持Android/iOS的插件。
  8. 构建HAP包前需在DevEco Studio中配置应用签名。
  9. 开发过程中若遇到UI未更新，执行flutter clean后重新运行。

完成环境配置后，运行flutter doctor -v验证环境是否正确。

回到顶部