鸿蒙harmonyos next纯flutter开发环境搭建

公司app是用纯flutter开发的,目前支持android和iOS,后续估计也会支持鸿蒙harmonyos。目前谷歌flutter并没有支持咱们国产手机操作系统鸿蒙harmonyos,于是乎国内有个叫OpenHarmony-SIG的组织,去做了鸿蒙harmonyos适配flutter开发的工作。本文就是基于OpenHarmony-SIG/flutter_flutter去搭建纯flutter开发环境。

  1. 鸿蒙开发环境搭建,鸿蒙开发套件官方下载地址如下:https://developer.huawei.com/consumer/cn/download/

  2. 下载鸿蒙版flutter

    复制代码
    git clone -b dev https://gitee.com/openharmony-sig/flutter_flutter.git
  3. 下载FlutterEngine构建产物(非必选项),网盘下载地址Flutter Engine构建产物,FlutterEngine构建产物方便用来在android studio来运行、调试、打包等鸿蒙harmonyos项目flutter侧代码,当然你也可以通过DevEco-Studio来运行、调试、打包等鸿蒙代码。构建命令如下,执行改命令之前需要签名。

    Dart 复制代码
    flutter build hap --local-engine=/Users/administrator/Documents/src/out/ohos_debug_unopt_arm64
  4. 安装jdk,版本需为jdk 17,下载地址为Java Downloads | Oracle 中国

  5. 环境变量配置,注意:拉取下来的flutter_flutter/bin目录必须为第二步鸿蒙版flutter下载下来的bin目录。

    Dart 复制代码
    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/administrator/Documents/flutter_flutter/bin:$PATH
    
    # jdk-17.jdk jdk-11.0.17.jdk zulu-8.jdk
    JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-17.jdk/Contents/Home
    PATH=$JAVA_HOME/bin:$PATH:.
    export JAVA_HOME
    export 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
  6. 检查环境,运行flutter doctor -v检查环境变量配置是否正确,Futter与OpenHarmony应都为ok

  7. 创建Flutter工程

    Dart 复制代码
    # 创建工程 方式一 该方式只创建了ohos平台
    flutter create --platforms ohos <projectName> 
    
    # 创建工程 方式二 该方式创建了android,ios,ohos三个平台
    flutter create  <projectName> 
    
    # 进入工程根目录编译hap包
    flutter build hap --debug
  8. 鸿蒙真机运行Flutter项目

    Dart 复制代码
     flutter run --debug -d <deviceId>
    
     flutter build hap --debug
     hdc -t <deviceId> install <hap file path>
  9. 当然我们也可以通过DevEco-Studio模拟器来运行flutter项目

参考文档:鸿蒙版Flutter环境搭建指导

相关推荐
独隅5 小时前
HarmonyOS 系统能力与体验深度评测
华为·harmonyos·harmonyos 7.0
2601_949575865 小时前
开源鸿蒙平台 CMP 三方库「Persian-Date-picker」适配全流程
华为·开源·harmonyos
KevinChaos6 小时前
灶台菜谱设计手记 02|HarmonyOS 7.0 空间化:菜图滚动实现
harmonyos
独隅6 小时前
HarmonyOS 全场景智能应用落地指南
华为·harmonyos·harmonyos 7.0
熊猫钓鱼>_>7 小时前
鸿蒙PC构建实战:hvigor modelVersion 降级 + schema 清理 + ArkTS 编译三连坑完整复盘
开发语言·华为·ai编程·harmonyos·openharmony·数据·ai生成
2601_949970697 小时前
开源鸿蒙平台 CMP 三方库「SaltUI」适配全流程
华为·开源·harmonyos
马剑威(威哥爱编程)7 小时前
【HarmonyOS 7 小艺智能体实战】06:VibeCoding 十分钟搓出一个 Skill(上)——从想法到生成
人工智能·华为·harmonyos
马剑威(威哥爱编程)7 小时前
【HarmonyOS 7 小艺智能体实战】07:手写一个 Skill(下)——ArkTS、意图框架与工程结构
人工智能·华为·harmonyos
贾伟康10 小时前
【健康菜谱助手|08】HarmonyOS ArkTS 食材百科实战:实现分类、检索和详情跳转
软件测试·移动开发·harmonyos·arkts·arkui
哦***710 小时前
一开降噪耳朵就闷?耳机有耳压感是怎么回事?
华为·音频·harmonyos