首页 > 其他分享 >flutter_ohos_5

flutter_ohos_5

时间:2024-12-18 09:22:56浏览次数:4  
标签:-- flutter ohos HOME 环境变量 SDK

ohos开发鸿蒙(基于5.0.0版本)

原始仓来源:https://github.com/flutter/flutter

1.仓库说明

本仓库是基于Flutter SDK对于OpenHarmony平台的兼容拓展,可支持IDE或者终端使用Flutter Tools指令编译和构建OpenHarmony应用程序。

2. 环境依赖

说明:
1.Flutter Tools指令目前已支持在Linux、Mac和Windows下使用。
2.Windows环境下flutter工程和依赖的插件工程需要在同一个磁盘。

基础环境配置:
1.配置HarmonyOS SDK和环境变量
2.API12, deveco-studio-5.0
3.下载jdk17并配置环境变量
 # windows环境
 JAVA_HOME = <JAVA_HOME path>
 PATH=%JAVA_HOME%\bin
 
4. 环境变量
# windows环境
 TOOL_HOME = D:\devecostudio-windows\DevEco Studio
 DEVECO_SDK_HOME=%TOOL_HOME%\sdk
 PATH=%TOOL_HOME%\tools\ohpm\bin
 PATH=%TOOL_HOME%\tools\hvigor\bin
 PATH=%TOOL_HOME%\tools\node
 
 
5. 通过代码工具下载当前仓库代码git clone https://gitee.com/openharmonysig/flutter_flutter.git,指定dev或master分支,并配置环境 (参考flutter环境变量配置)

6. 上述所有环境变量的配置(Windows下环境变量配置请在‘编辑系统环境变量’中设置),可参考下面的示例(其中user和具体代码路径请替换成实际路径):

3. 构建安装包

1.运行 flutter doctor -v 检查环境变量配置是否正确,Futter与OpenHarmony应都为ok标识,若两处提示缺少环境,按提示补上相应环境即可。

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

3.编译hap包,编译产物在<projectName>/ohos/entry/build/default/outputs/default/entry-default-signed.hap下。

 # 进入工程根目录编译
 # 示例:flutter build hap [--target-platform ohos-arm64] --release
 flutter build hap --release

4. 安装

安装应用,通过flutter devices指令发现真机设备之后,然后安装到鸿蒙手机中。

方式一:进入编译产物目录,然后安装到鸿蒙手机中
hdc -t <deviceId> install <hap file path>

方式二:进入项目目录,直接运行安装到鸿蒙手机中
flutter run --debug -d <deviceId>

构建app包命令:
# 示例:flutter build app --release
 flutter build app --release

5.常见异常

1.Hvigor Error : BUILD unable to find “DEVECO_SDK_HOME” in the environment path

我们需要再系统环境变量中配置以下这个环境变量:DEVECO_SDK_HOME 指向sdk目录

2.Hvigor depends on the npmrc file configure the npmrc file

原因: `是没有配置.npmrc文件`
**解决方案:需要该文件存在C盘当前用户目录(示例:C:\Users\issuser)下创建这个文件, 文件的内容是华为npm仓库的地址**

3.404 GET https://registry.npm.js.org/xxxx not found

**解决方案:**
需要再.npmrc文件中配置下npm的仓库:

4.No Hmos SDK found. Try setting the HOS_SDK_HOME environment variable

解决方案:
这时候我们需要执行下flutter项目中的ohos的SDK

\# 指向DevEco-Studio下的sdk目录 flutter config --ohos-sdk=/Applications/DevEco-Studio.app/Contents/sdk(mac电脑上DevEco Studio的sdk路径)

标签:--,flutter,ohos,HOME,环境变量,SDK
From: https://www.cnblogs.com/hongmengos/p/18613865

相关文章

  • Flutter OHOS harmony_fluwx 集成微信服务(二)
    harmony_fluwx集成微信服务(2)fluwx链接:https://gitee.com/almost777/fluwx接入功能分享图片,文本,音乐,视频等。支持分享到会话,朋友圈以及收藏.微信支付.在微信登录时,获取AuthCode.拉起小程序.订阅消息.打开微信.从微信标签打开应用初始化注册WxAPIregisterWxApi(ap......
  • Flutter OHOS flutter_dart_native
    DartNativeDartNative作为Dart和原生API之间沟通的桥梁。用更快、更简洁的代码替换性能低下的Flutter通道。特征动态同步和异步通道DartNative动态调用任何原生API。它支持同步和异步通道。多语言接口直接调用不再需要像FlutterChannel那样对参数和返回值进行......
  • Flutter OHOS flutter appscheme插件
    FlutterAppScheme配置说明1、Android端配置说明在您项目中Android的AndroidManifest.xml文件中按照如下规范添加Scheme,例如android/app/src/main/AndroidManifest.xmla、在需要启动的Activity中新增以下格式的代码<!--AndroidScheme--><intent-filter><actionandro......
  • 四大跨平台开发框架深度解析——uniapp、uniapp-X、React Native与Flutter
    引言随着移动互联网的飞速发展,跨平台开发框架成为了开发者们关注的焦点。这些框架旨在通过编写一套代码,实现多个平台的应用开发,从而大幅提高开发效率和降低维护成本。本文将深入剖析uniapp、uniapp-X、ReactNative和Flutter这四个主流的跨平台开发框架,探讨它们的优缺点及......
  • Dart Flutter教程_Dart Flutter3.x入门实战视频教程-16讲后是Flutter教程
    DartFlutter教程_DartFlutter3.x入门实战视频教程-16讲后是Flutter教程https://www.bilibili.com/video/BV1S4411E7LY/2P101Dart介绍WinMac上面分别搭建Dart...Dart是由谷歌开发的计算机编程语言,它可以被用于web、服务器、移动应用和物联网等领域的开发。Dart诞生于201......
  • Flutter从入门到高级进阶
    Flutter从入门到高级进阶https://www.bilibili.com/video/BV19x4y1R7LEP1环境搭建P2创建Flutter工程&Flutter优势flutter2.5.3appdart代码module混合开发plugin第三包原生和dartpackage第三包dartname下划线Flutter:效率高!!不依赖UI!!高度统一!!渲染引擎—》Dart......
  • Flutter20个小实例免费视频教程
    Flutter20个小实例免费视频教程https://www.bilibili.com/video/BV1kt411B7muP101节底部导航栏和切換效果的制作-1Scaffold脚手架动态flutter快捷键stfulP202节底部导航栏和切换效果的制作-2import'package:flutter/material.dart';import'pages/airplay_screen.dart......
  • Flutter好客租房项目
    Flutter好客租房项目https://www.bilibili.com/video/BV18Q4y1o7nP48P11.1为什么学习flutter项目.1.1为什么学习flutter项目1.市场需要flutter--android和ios使用一套设计图,却需要两批人来开发。目前flutter开始支持web和桌面开发。2.Flutter使用更好的语......
  • flutter零基础教程: Dart 3.5语法 flutter3.24 2024年8月27日更新
    flutter零基础教程:Dart3.5语法flutter3.242024年8月27日更新https://www.bilibili.com/video/BV1RZ421p7BL7 142024-8edu.51cto.com/course/36476.htmlP1课程大纲介绍P2002课程使用方法介绍和笔记使用P3003_mac系统查看笔记软件的安装方法和…..P4004黑苹果系统的......
  • Flutter基础视频教程
    Flutter基础视频教程https://www.bilibili.com/video/BV15t411U7yfP100视频学习方法说明看视频不看MP4写不会看文字Flutter.富啦特P201认识Flutter是什么Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作......