Harmony + Flutter 环境部署实战(Mac 版)

1、系统架构判断

Mac 系统在终端输入uname -m判断系统架构选择对应的开发组件套

  • 如果输出结果是 x86_64,则表示你的系统是 x86-64 架构(Intel 芯片)
  • 如果输出结果是 arm64,则表示你的系统是 arm64 架构(如 M1/M2/M3/M4 芯片)
    在这里插入图片描述

2.鸿蒙官方下载 DevEco Studio 推荐 6.0.1 版本

https://developer.huawei.com/consumer/cn/download/

在这里插入图片描述
安装参考官方文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ide-software-install

环境配置:

open ~/.zshrc

#依赖缓存
 export PUB_CACHE=/Users/{用户名}/Workplace/flutter_ohos/PUB

 # 国内镜像
 export PUB_HOSTED_URL=https://pub.flutter-io.cn
 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 # 拉取下来的flutter_flutter/bin目录
 export PATH=/Users/{用户名}/Workplace/flutter_ohos/flutter_flutter/bin:$PATH

 # HamonyOS SDK
 export TOOL_HOME=/Applications/DevEco-Studio.app/Contents # mac环境
 export DEVECO_SDK_HOME=$TOOL_HOME/sdk # command-line-tools/sdk
 export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH # command-line-tools/ohpm/bin
 export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH # command-line-tools/hvigor/bin
 export PATH=$TOOL_HOME/tools/node/bin:$PATH # command-line-tools/tool/node/bin

export HDC_HOME=$TOOL_HOME/sdk/default/openharmony/toolchains # hdc指令(可选)

# 可选配置项(使用Android Studio 或者 Visual Studio Code调试时需要配置此项,jdk版本为17.0.12)
JAVA_HOME=/Library/Java/JavaVirtualMachines/liberica-jdk-17.jdk/Contents/Home
export PATH=$JAVA_HOME/bin:$PATH

# 可选配置项(防止由于Flutter OpenHarmony版的git下载地址环境变量不匹配,影响后续的flutter项目创建)
export FLUTTER_GIT_URL=https://gitcode.com/openharmony-tpc/flutter_flutter.git

配置完重启终端,或 source ~/.zshrc

3.下载鸿蒙版 Flutter(3.32.4)版本

https://gitcode.com/openharmony-tpc/flutter_flutter

切换到 oh-3.32.4-dev 分支

在这里插入图片描述
验证 Flutter 版本:flutter doctor -v

在这里插入图片描述

4、创建工程

flutter create --platforms ohos mygitcode

在这里插入图片描述
执行 flutter pub get
在这里插入图片描述

5、使用DevEco 打开ohos工程,配置签名

手动签名

自动签名

6、Hello World!

模拟器只支持Mac(arm64), 还不支持Mac(x86)和Windows;我直接使用真机运行,如果机器版本低,记得设置build-profile.json5中的compatibleSdkVersion

由于电脑原因,我将 flutter 版本切换成br_3.22.0-ohos-1.0.4来运行

使用DevEco Testing 截图运行情况:

在这里插入图片描述

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐