首页 > 其他分享 >flutter开发适配鸿蒙之开发环境搭建

flutter开发适配鸿蒙之开发环境搭建

时间:2024-10-30 22:50:26浏览次数:3  
标签:鸿蒙 -- 适配 ohos hap PATH tools flutter

第一:环境搭建

1.安装 DevEco Studio NEXT IDE, 注意版本应该是 Next,当前最新的是 Beta3
.下载之前需要先登录,后面的模拟器创建还要开发者验证、审核啥的,好在审核进度还可以,我这边提交申请后差不多两个小时审核通过
.找到自己电脑系统匹配的版本下载,我的电脑是Window的就选择Window版本下载
.安装步骤比较简单,一步步next直到完成即可,新版本的工具已经集成node和ohpm等环境进去了,不用单独下载安装了
2.安装Git, 如果要同时适配安卓,需要安装Android Studio; 如果要适配ios,需要安装Xcode

Mac 安装(推荐)
环境变量配置

# Flutter Mirror
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

# HarmonyOS SDK
export TOOL_HOME=/Applications/DevEco-Studio.app/Contents/
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

Windows 安装
配置用户变量

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

PUB_HOSTED_URL=https://pub.flutter-io.cn

DEVECO_SDK_HOME=C:\Program Files\Huawei\DevEco Studio\sdk

配置环境变量
编辑 PATH,添加以下路径

C:\Program Files\Huawei\DevEco Studio\tools\ohpm\bin
C:\Program Files\Huawei\DevEco Studio\tools\hvigor\bin
C:\Program Files\Huawei\DevEco Studio\tools\node

管理多个 Flutter 版本
如果在项目开发中,需要使用多个 Flutter 版本,可以考虑使用 fvm
1.安装 FVM
2.使用 fvm 官方 flutter 版本
fvm install 3.22.0
3.安装自定义鸿蒙版本,进入 fvm/version 目录,通常位于用户目录下,如 ~/fvm/versions/3.22.0, 拷贝仓库并重命名为 custom_x.y.z的名字
git clone -b dev https://gitee.com/openharmony-sig/flutter_flutter.git custom_3.7.12
4.在项目中使用单独的 flutter sdk 版本, 在项目目录中执行:
fvm use custom_3.7.12

第二:创建运行项目
  1. 检测flutter创建鸿蒙运用条件是否可以了
    运行flutter doctor -v检查环境变量配置是否正确
[✓] HarmonyOS toolchain - develop for HarmonyOS devices
    • OpenHarmony Sdk at E:\ohos\DevEcoStudio\sdk, available api versions has [12:default]
    • Ohpm version 5.0.8-rc.1    #如果这里报x错误,说明上面的`PATH变量添加值 %TOOL_HOME%\tools\ohpm\bin`添加的环境变量ohpm的路径配置有问题
    • Node version v18.20.1      #如果这里报x错误,类似PATH配置的node路径有问题
    • Hvigorw binary at E:\ohos\DevEcoStudio\tools\hvigor\bin\hvigorw   #如果这里报x错误,类似PATH配置的hvigor路径有问题

2. 创建flutter项目
创建工程 方式一 该方式只创建了ohos平台
flutter create --platforms ohos
创建工程 方式二 该方式创建了android,ios,ohos三个平台
flutter create
进入工程根目录编译hap包,创建完项目之后,要先执行这步build才能生成依赖,如果直接使用DevEcho Studio打开会报错找不到flutter.har依赖库flutter build hap --debug

3. 运行flutter项目到鸿蒙next手机
方式一:通过flutter devices指令发现真机设备之后,获取device-id,进入项目目录指定构建方式编译hap包并安装到鸿蒙手机中 flutter run --debug -d

flutter devices
  flutter run --debug -d <deviceId>

方式二:进入工程根目录编译hap包,然后安装到鸿蒙手机中

flutter build hap --debug
  hdc -t <deviceId> install <hap file path>    # 类似Android的adb安装:adb -s <deviceId> install <apk file path>

方式三:使用DevEcoStudio打开项目的ohos模块

  1. File --> Project Structure --> Signing Configs --> 勾选Automatically generate signature --> Apply ,可以启用启动签名,第一次执行flutter build hap的时候也会提示到
  2. 创建模拟器:Device Manager --> 进去根据提示可以插件模拟器,不过第一次创建还需要进行开发者验证以及审核。。。
  3. 重点提示一下:创建的模拟器只有x86架构的,而这篇文章我们通过flutter_flutter构建的支持鸿蒙的flutter运用只支持arm64架构的,人家文档也说明了,所以啊其实创建模拟器对flutter应用也没啥用,#要真机运行
第三:打包项目

1. 打包测试包

flutter build hap --debug

如果需要指定engine的话,使用–local-engine参数
使用flutter build hap --debug --local-engine=E:\ohos\flutter_image\src\out\ohos_debug_unopt_arm64,会提示失败src\out\ohos_debug_unopt_arm64\flutter.har找不到
如果提示flutter.har找不到,那就是从项目目录下的ohos\har\flutter.har拷贝一份到src\out\ohos_debug_unopt_arm64目录下,然后再执行上一步就能成功

2. 打包正式包

flutter build hap --release 或者 flutter build hap

如果需要指定engine的话,使用–local-engine参数
比如flutter build hap --release --local-engine=E:\ohos\flutter_image\src\out\ohos_release_arm64,会提示失败src\out\ohos_release_arm64\flutter.har找不到
如果提示flutter.har找不到,那就是从项目目录下的ohos\har\flutter.har拷贝一份到src\out\ohos_release_arm64目录下,然后再执行上一步就能成功

常见问题
1.运行 flutter doctor 出现 Error: Unable to find git in your PATH.
执行以下命令

git config --global --add safe.directory '*'

参考资料
Flutter中文文档
Harmonyos Next 开发文档

标签:鸿蒙,--,适配,ohos,hap,PATH,tools,flutter
From: https://blog.csdn.net/flfljh/article/details/143334077

相关文章

  • Flutter开发鸿蒙,终端一体化
    一.Flutter开发鸿蒙,终端一体化1.flutter鸿蒙一体化介绍Flutter作为一个跨平台的UI框架,其主要目的是让开发者能够用一套代码库来构建iOS、Android以及其他平台(如Web、Windows、macOS等)的应用程序。对于HarmonyOS,虽然它本身不是Flutter的目标平台之一,但由于Flutter的灵活......
  • 鸿蒙生态进化:体验与隐私双重保障,为用户带来全新数字探索之旅
            随着10月22日华为正式发布HarmonyOS5,鸿蒙生态迎来了“全新数字底座”的诞生。跨设备的生态整合成了系统的关键特色,截至目前,搭载鸿蒙系统的设备已超过10亿台。如此庞大的装机量和日益成熟的生态环境让鸿蒙生态迅速崛起,并在智能手机、家居、穿戴设备、车载系统......
  • 鸿蒙生态崛起带来的机遇与挑战
    目录1.概述2.生态崛起2.1.鸿蒙生态的认知和了解2.2.鸿蒙生态的崛起分析2.3.开发者的机遇2.4.华为开发者大会3.鸿蒙生态开发的挑战3.1.开发工具3.2.技术难度3.3.生态竞争3.4.抓住机遇、应对挑战4.鸿蒙生态未来发展趋势4.1.发展趋势4.2.1+8+N4.3.开发者的机遇4.4......
  • 触觉智能SOM3588S鸿蒙核心板现已上市,RK3588S八核6T超高算力!
    深圳触觉智能SOM3588S鸿蒙核心板现已上市,搭载瑞芯微RK3588S旗舰芯片,是一款高算力、低功耗,丰富多媒体接口的高性能核心板。SOM3588S鸿蒙核心板集成了四核Cortex-A76和四核Cortex-A55CPU,6T超高算力NPU,G610MP4GPU;拥有8K视频编解码与4800万像素ISP的强大视频图像处理性能;支持HDMI......
  • 计算机网络 第三章: 共享式以太网_网络适配器和MAC地址
    文章目录网络适配器MAC地址概述IEEE802局域网的MAC地址格式IEEE802局域网的MAC地址发送顺序以太网(Ethernet)以曾经被假想的电磁波传播介质——以太(Ether)来命名。以太网最初采用无源电缆(不包含电源线)作为共享总线来传输帧,属于基带总线局域网,传输速率为2.94Mb/s。......
  • CSS常见适配布局方式
    在网页设计中,布局是确保内容按预期显示的关键部分。CSS提供了多种布局方式,每种方式都有其特定的用途和优势。以下是您提到的五种布局方式的详细解释:1.流式布局(百分比布局)概述:流式布局,也称为百分比布局,使用百分比来定义元素的宽度和高度,而不是固定的像素值。这种方式使页面......
  • 鸿蒙接口封装
    ts接口封装代码:    request.tsimportpromptfrom'@system.prompt'importhttpfrom'@ohos.net.http';exportdefault(methods:string,uri:string,params:object,success:Function)=>{consthttpRequest=http.createHttp();co......
  • 鸿蒙生态的崛起与开发者的机遇
    鸿蒙生态的崛起与开发者的机遇近年来,随着鸿蒙系统的不断发展,智能手机、智能穿戴、车载和家居等领域的应用日益广泛,形成了与安卓和iOS并驾齐驱的局面。作为开发者,抓住鸿蒙生态崛起的机遇,解决开发挑战,创造更好的应用体验,显得尤为重要。对鸿蒙生态的认知与分析鸿蒙系统的核心理......
  • h5 移动端适配最佳实践
    移动端适配的方案需要根据具体的业务场景进行选择,工作中接触最多的是一些h5活动页、落地页等,这些页面在大小屏手机上的展示要求大小屏无差异,那么就针对以上要求进行项目整体的适配是最合适不过的。如果是大屏手机展示更多的内容,并不着重于放大展示的话,外层布局使用vw,%,flex,内层直......
  • 鸿蒙开发-组件初体验
    ​......