美丽说网站优化,wordpress博客后台,adsl做网站,软件网站开发公司【HarmonyOS】HarmonyOS 和 Flutter混合开发 #xff08;一#xff09;之鸿蒙Flutter环境安装
一、前言
flutter作为开源适配框架方案#xff0c;已经在Android#xff0c;IOS#xff0c;Web#xff0c;Window四大平台进行了适配#xff0c;一套代码#xff0c;可以同…【HarmonyOS】HarmonyOS 和 Flutter混合开发 一之鸿蒙Flutter环境安装
一、前言
flutter作为开源适配框架方案已经在AndroidIOSWebWindow四大平台进行了适配一套代码可以同时展现在多个平台。所以Flutter适配鸿蒙也正式发布了。经过了今年的迭代已经逐渐稳定中虽然没有RN框架在鸿蒙上的适配速度快但是也可以商用了。
关于Flutter跨平台方案的性能可以参考这篇文章跨平台为何选择Flutter
二、混合开发环境安装
使用flutter开发HarmonyOS需要分别安装这两个的开发环境鸿蒙环境安装略过了。详情可以参照之前的博客安装步骤鸿蒙应用开发环境安装和配置
目前鸿蒙 Flutter的环境还是有映射匹配的关系需要使用 API12, deveco-studio-5.0 或 command-line-tools-5.0安装鸿蒙时需要注意。
flutter环境单独安装可参考这篇文章Flutter 第二章 环境安装
1. 下载JDK环境 在鸿蒙中的flutter的安装与单独安装大同小异。首先需要安装java环境。即 JDK 17下载官网链接。
以window举例 选择对应的设备型号下载链接后再下面这个弹框中勾选同意才能点击下载按钮。 需要注意的是现在Oracle官网下载JDK需要注册用户了。使用邮箱注册即可。
下载时有可能遇到下载链接后提示400请求头cookie过大。此时更换浏览器为隐私模式再重新去官网链接下载即可。 2.进行JDK环境安装 点击下载后的exe安装包傻瓜式安装即可。 注意默认安装在C盘。提前在其他盘创建好文件夹粘贴到更改路径里然后点击下一步安装。等待安装完成。 安装完成后直接通过命令验证版本 显示截图这类信息代表JDK安装完成。现在是真方便了当年还要单独配置JDK的环境变量
3.下载鸿蒙版flutter https://gitee.com/openharmony-sig/flutter_flutter
下载压缩包后解压放在c盘以外的文件夹。后面配置需要用到文件路径。
4.配置Flutter开发环境变量 计算机属性-高级系统设置-环境变量 #依赖缓存export PUB_CACHED:/PUB(自定义路径)
# 国内镜像
export PUB_HOSTED_URLhttps://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URLhttps://storage.flutter-io.cn# 拉取下来的flutter_flutter/bin目录
export PATHD:\CodeWorld\Flutter\flutter_flutter-master\bin:$PATH# OpenHarmony SDK
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
export HDC_HOME$TOOL_HOME/sdk/default/openharmony/toolchains # hdc指令可选# 可选配置项防止由于flutter鸿蒙版的git下载地址环境变量不匹配影响后续的flutter项目创建
export FLUTTER_GIT_URLhttps://gitee.com/openharmony-sig/flutter_flutter.gitexport PATHgit path/cmd:$PATH
将以上信息成对配置在环境变量的系统变量里。以下图举例 注意 PATH配置到系统环境变量的path里新增即可。 Windows环境下flutter工程和依赖的插件工程需要在同一个磁盘。 windows环境中需要添加git环境变量配置否则会造成执行 flutter 命令 出现闪退。
以上配置完成后重启电脑环境变量生效。使用 flutter doctor -v 进行检查。
