Windows配置Flutter鸿蒙开发环境

1,008 阅读3分钟

客户端开发真的卷不动了,Android原生, H5, RN, Flutter , 鸿蒙....

现在的客户端开发,要做Android 和 iOS 两套平台, 已经算是比较割裂的。 现在又多出个鸿蒙,难不成 要开发三套原生平台, 三端并行嘛。

真实的鸿蒙开发, 有多出工作岗位嘛, 我觉得很有限。 大部分公司都是让 Android 仔 多搞一端, 去适配鸿蒙。 不会单独招一个鸿蒙开发团队,专门做鸿蒙客户端,然后有Android , iOS, 鸿蒙三个客户端开发团队。现在不都讲究降本增效嘛

Android 仔工资不涨, 多做一个平台的开发。 鸿蒙用的 ArkTS , 后面又要推仓颉,主打一个背刺。 不是不愿意学习, 学这东西要讲究性价比, 我觉得Flutter 未来会更主流一些。

至于鸿蒙这个东西, 遥遥领先就完事了...

用 Flutter 去适配开发鸿蒙, 这可不是 什么黑魔法, 这是华为官方正儿八经支持的。 估计也是觉得 要构建自己的生态, 有部分开发者不愿意去用Arkts重新写APP, 用Flutter适配会更快

至于官方宣传的 ArkUI-X 跨平台开发, 底层也是Flutter....

官方支持: gitee.com/openharmony…

gitee.com/openharmony…

1、环境准备

1.1 DevEco Studio

pAAVmhd.png

下载Windows版 DevEco Studio并安装。

1.2 鸿蒙模拟器

若无鸿蒙真机,需在DevEco Studio中下载模拟器

pAAV1nf.png

1.3 鸿蒙版flutter

下载鸿蒙版flutter 项目地址:gitee.com/openharmony…

通过代码工具下载仓库代码并指定dev或master分支,dev不断在更新相比master拥有更多功能

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

git checkout -b dev origin/dev

1.4 JAVA 环境

java -version

判断本地是否有JAVA环境, 或者是否有JAVA环境未配置环境变量, 跑通JAVA环境。

pAAVwj0.png

1.5 flutter环境调试

flutter doctor -v

pAAVWg1.png

可以看到,还需要配置ohpm, node, hvigorw的环境。 这些东西都在DevEco Studio的安装目录, 不需要我们,单独下载。

在系统环境变量, 新增三个路径。

pAAVH4H.png

其中 DevEco Studio 是 DevEco Studio的安装目录。

然后在执行 flutter doctor -v

pAAVvKP.png

发现可以了。

然后在新增一个DEVECO_SDK_HOME的环境变量

pAAZUaD.png

2、集成与调试鸿蒙版Flutter

2.1 检查环境

运行 flutter doctor -v 检查环境变量配置是否正确,Futter与OpenHarmony应都为ok标识,若两处提示缺少环境,按提示补上相应环境即可。

pAAZ6qf.png

2.2 创建 Flutter工程

创建工程与编译命令,编译产物在${projectName}/ohos/entry/build/default/outputs/default/entry-default-signed.hap下

# 创建工程 方式一 该方式只创建了ohos平台
flutter create --platforms ohos <projectName> 

# 创建工程 方式二 该方式创建了android,ios,ohos三个平台
flutter create  <projectName> 

# 进入工程根目录编译hap包
flutter build hap --debug

将新建的项目, 使用Android Studio 打开, 发现新增鸿蒙平台的代码

pAAmPcn.png

2.3 签名运行

使用 DevEco Studio 打开 ohos 文件夹, 可以发现, 就是一个鸿蒙工程的目录

pAAm3B6.png

打开 Projet Structure 生成 签名文件。

pAAmJAO.png 运行:

pAAG1Rf.jpg

好了, 到这里, 就可以愉快的用Flutter 来写鸿蒙了。