OpenHarmony开发者论坛

标题: windows平台OpenHarmony Flutter插件开发介绍 [打印本页]

作者: 深开鸿_石悌君 时间: 2024-9-27 14:50
标题: windows平台OpenHarmony Flutter插件开发介绍
[md][OpenHarmony](https://forums.openharmony.cn/ "OpenHarmony开发者论坛")蒙已经支持flutter，本文介绍在windows上开发[OpenHarmony](https://forums.openharmony.cn/ "OpenHarmony开发者论坛") flutter插件的基础步骤

### 环境搭建

* 下载deveco套件([https://developer.huawei.com/consumer/cn/deveco-studio/](https://developer.huawei.com/consumer/cn/deveco-studio/))安装
* 下载[https://gitee.com/openharmony-sig/flutter\_flutter](https://gitee.com/openharmony-sig/flutter_flutter)
* 设置windows环境变量，如下图

![env.png](https://forums-obs.openharmony.c ... nmn35n448hvnivm.png "env.png")

DEVECO\_SDK\_HOME C:\\Program Files\\Huawei\\DevEcoFlutter\\sdk

FLUTTER\_GIT\_URL  [https://gitee.com/openharmony-sig/flutter\_flutter](https://gitee.com/openharmony-sig/flutter_flutter)

FLUTTER\_STORAGE\_BASE\_URL  [https://storage.flutter-io.cn](https://storage.flutter-io.cn)

HOS\_SDK\_HOME  C:\\Program Files\\Huawei\\DevEcoFlutter\\sdk

PUB\_HOSTED\_URL  [https://pub.flutter-io.cn](https://pub.flutter-io.cn)

**上述DevEcoFlutter为deveco ide的安装路径**

* 设置PATH环境变量![path](https://forums-obs.openharmony.c ... aec005a1f103310.png "path")

\flutter\\flutter\_flutter\\bin === 上述步骤[https://gitee.com/openharmony-sig/flutter\_flutter](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](https://forums-obs.openharmony.c ... gapawh6zmhdakk6.png "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_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-si ... 6%8C%87%E5%AF%BC.md)

[https://gitee.com/openharmony-sig/flutter\_plus\_plugins/blob/master/GUIDE\_DOCUMENT.md](https://gitee.com/openharmony-si ... r/GUIDE_DOCUMENT.md)
[/md]

欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/)