积分141 / 贡献0

提问0答案被采纳0文章9

[经验分享] windows平台OpenHarmony Flutter插件开发介绍 原创

深开鸿_石悌君 显示全部楼层 发表于 2024-9-27 14:50:00

OpenHarmony蒙已经支持flutter,本文介绍在windows上开发OpenHarmony flutter插件的基础步骤

环境搭建

env.png

DEVECO_SDK_HOME C:\Program Files\Huawei\DevEcoFlutter\sdk

FLUTTER_GIT_URL https://gitee.com/openharmony-sig/flutter_flutter

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

HOS_SDK_HOME C:\Program Files\Huawei\DevEcoFlutter\sdk

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

上述DevEcoFlutter为deveco ide的安装路径

  • 设置PATH环境变量path

\flutter\flutter_flutter\bin === 上述步骤https://gitee.com/openharmony-sig/flutter_flutter 的下载路径

C:\Program Files\Common Files\Oracle\Java\javapath

%JAVA_HOME%\bin

C:\Program Files\Huawei\DevEcoFlutter\sdk

C:\Program Files\Huawei\DevEcoFlutter\tools\node

C:\Program Files\Huawei\DevEcoFlutter\tools\hvigor\bin

C:\Program Files\Huawei\DevEcoFlutter\tools\ohpm\bin

C:\Users\shiti\AppData\Local\Android\Sdk\platform-tools

插件开发

创建工程

如果是已有插件的鸿蒙化,可以在在插件根目录文件夹下运行如下命令

flutter create --platforms ohos . 新开发插件则直接创建工程

# 创建工程
 flutter create --platforms ohos <projectName>

修改yaml文件

一般只需要修改工程根目录下yaml文件,增加ohos平台;以flutter_filereader为例,增加内容如下图

yaml.png

example目录下的yaml文件一般不需要修改,如果工程运行错误,可以检查该文件中的依赖是否指定本地路径

flutter_filereader: path: ../

构建调试

flutter run --debug //release版本就用release

该命令编译构建结束后自动在手机上安装app并运行

APP产生的调试信息可以通过deveco ide中的hilog查看

重点坑

工程路径浅一点(建议放到根目录),不然可能出现莫名错误,比如找不到文件等

参考资料

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

https://gitee.com/openharmony-sig/flutter_samples/blob/master/ohos/docs/03_environment/%E9%B8%BF%E8%92%99%E7%89%88Flutter%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%8C%87%E5%AF%BC.md

https://gitee.com/openharmony-sig/flutter_plus_plugins/blob/master/GUIDE_DOCUMENT.md

©著作权归作者所有,转载或内容合作请联系作者

您尚未登录,无法参与评论,登录后可以:
参与开源共建问题交流
认同或收藏高质量问答
获取积分成为开源共建先驱

Copyright   ©2023  OpenHarmony开发者论坛  京ICP备2020036654号-3 |技术支持 Discuz!

返回顶部