首页 > 其他分享 >鸿蒙harmonyos纯flutter开发环境搭建

鸿蒙harmonyos纯flutter开发环境搭建

时间:2024-09-28 22:47:57浏览次数:3  
标签:bin 鸿蒙 harmonyos export HOME PATH 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来运行、调试、打包等鸿蒙代码。
    flutter build hap [--local-engine=/Users/admin/Documents/flutter_engine/src/out/ohos_debug_unopt_arm64]
  4. 安装jdk,版本需为jdk 17,下载地址为Java Downloads | Oracle 中国
  5. 环境变量配置,注意:拉取下来的flutter_flutter/bin目录必须为第二步鸿蒙版flutter下载下来的bin目录。
    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工程
    # 创建工程 方式一 该方式只创建了ohos平台
    flutter create --platforms ohos <projectName> 
    
    # 创建工程 方式二 该方式创建了android,ios,ohos三个平台
    flutter create  <projectName> 
    
    # 进入工程根目录编译hap包
    flutter build hap --debug
  8. 鸿蒙真机运行Flutter项目
     flutter run --debug -d <deviceId>
    
     flutter build hap --debug
     hdc -t <deviceId> install <hap file path>
  9. 当然我们也可以通过DevEco-Studio模拟器来运行flutter项目

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

标签:bin,鸿蒙,harmonyos,export,HOME,PATH,flutter
From: https://blog.csdn.net/majun2009/article/details/142623439

相关文章

  • 鸿蒙媒体开发系列11——音频/录制流状态
    如果你也对鸿蒙开发感兴趣,加入“Harmony自习室”吧!扫描下方名片,关注公众号,公众号更新更快,同时也有更多学习资料和技术讨论群。对于录制音频类的应用,我们需要关注该应用的音频流的状态以做出相应的操作,比如监听到状态为结束时,及时提示用户录制已结束。......
  • 华为云技术专家分享4大举措,助力开发者开启鸿蒙原生应用开发
    本文分享自华为云开发者联盟公众号《DTSETechTalk|第66期:鸿蒙上云,加速开发者成长。》本期DTSETechTalk直播主题是《鸿蒙上云,加速开发者成长》,华为云HarmonyOSDTSE技术布道师芝诺在本议题中与开发者们交流华为开发者生态、鸿蒙生态愿景与进展,以及华为云开发者创新中心为开......
  • 鸿蒙(HarmonyOS)组件化路由框架——Navigation的路由管理
    Navigation介绍Navigation简介Navigation:路由导航的根视图容器,一般作为页面(@Entry)的根容器去使用,包括单页面(stack)、分栏(split)和自适应(auto)三种显示模式。Navigation组件适用于模块内和跨模块的路由切换,通过组件级路由能力实现更加自然流畅的转场体验,并提供多种标题栏样式......
  • 鸿蒙(HarmonyOS)实战开发篇——基于Napi调用ArkTS/系统接口
    场景描述:app应用在native侧调用系统库/arkts模块的方法。应用经常会遇到如下的业务诉求:场景一:系统提供了ArkTS接口,但未提供对应的NDK接口,当伙伴使用C++代码实现业务逻辑时,部分系统能力需要依赖系统ArkTS接口;场景二:系统仅提供了ArkTS异步接口,未提供对应的NDK接口,当......
  • 鸿蒙(HarmonyOS)实战开发篇——基于子窗口实现应用内悬浮窗
    推荐看点鸿蒙(HarmonyOS)应用层开发(北向)知识点汇总【OpenHarmony】鸿蒙南向开发保姆级知识点汇总~持续更新中……场景描述app应用会使用悬浮窗/悬浮球的方式来给用户展示一些应用重要&便捷功能的入口,类似android和iOS应用中常见的应用内可拖拽的悬浮球和小窗口视频悬浮......
  • 鸿蒙(HarmonyOS)实战开发篇——基于ArkUI现有能力实现自定义弹窗封装方案
    推荐看点鸿蒙(HarmonyOS)应用层开发(北向)知识点汇总【OpenHarmony】鸿蒙南向开发保姆级知识点汇总~持续更新中……场景描述自定义弹窗是应用开发需要实现的基础功能,包括但不限于HarmonyOS开发者文档中定义的模态、半模态、Toast等形式,封装一个好用且和UI组件解耦的弹窗组......
  • 开发一个flutter app
    重新开启了flutter学习,因为一个大创项目很对不起王建民主任,教导的软件需求知识,我完全没有用到。首先配置环境需要用androidstudio自己用idea一直出错。所以一定要选择用androidstudio,随便在网上找个教程就可以了在android中build.gradle添加以下代码确保app启动慢的问......
  • HarmonyOS NEXT-CoreVision Kit-FaceDetector-实现人脸识别,获取人脸数据
    效果演示图,右边的是人脸数据,可用来比对人脸注意这里只有真机才能测试是否成功,测试机型pce-w30实现这个效果很简洁:打开相册、选取图片、打开文件、创建imageSource、创建PixelMap、喂给faceDetector拿到结果在这里我简单封装了两个工具类方便后续使用,分别是:照片选择类、......
  • 华为申请鸿蒙甄选、鸿蒙优选商标,加词的注意!
    近日华为在35类广告销售上申请鸿蒙智选、鸿蒙优选、鸿蒙精品,鸿蒙甄选等商标,后面所加的词智选、优选、精品、甄选等基本上是属于通用词。 这样在35类拿到鸿蒙+通用词商标,需要先拿到“鸿蒙“商标,经普推知产商标老杨检索发现,早在2019年华为就申请鸿蒙35类商标,拿下部分核心小类......
  • 华为云技术专家分享4大举措,助力开发者开启鸿蒙原生应用开发
    摘要:鸿蒙生态是面向全场景时代的新生态,为开发者带来新价值新机遇。本文分享自华为云开发者联盟公众号《DTSETechTalk|第66期:鸿蒙上云,加速开发者成长。》本期DTSETechTalk直播主题是《鸿蒙上云,加速开发者成长》,华为云HarmonyOSDTSE技术布道师芝诺在本议题中与开发者们交流华......