Flutter 适配鸿蒙:开发环境搭建核心步骤与配置

本文详细介绍了Flutter鸿蒙开发环境的搭建流程:首先安装DevEco Studio、Git和Java JDK 17并配置环境变量;然后初始化DevEco Studio并安装OpenHarmony SDK;接着部署鸿蒙适配版Flutter SDK,包括源码克隆和环境变量配置;最后指导创建Flutter鸿蒙项目,处理依赖并部署运行到模拟器。全文提供了完整的配置步骤和截图说明,涵盖了从基础环境搭建到项目运行的完整开发流程。

目录

一、基础环境搭建

1.1 DevEco Studio下载

1.2 Git下载

1.3 Java JDK17下载

二、Flutter鸿蒙环境配置

2.1 DevEco Studio初始化

2.2 SDK安装

2.3 环境变量配置

三、鸿蒙适配版Flutter SDK部署

3.1 源码克隆

3.2 环境变量扩展

3.3 环境验证

​编辑

四、项目创建与运行

4.1 工程初始化

4.2 依赖预处理

4.3 模拟器部署与运行


一、基础环境搭建

1.1 DevEco Studio下载

从官网下载最新版,下载链接:

DevEco Studio-鸿蒙应用集成开发环境(IDE)-华为开发者联盟https://developer.huawei.com/consumer/cn/deveco-studio/

1.2 Git下载

Git下载可以参考这个老师的文章 Windows 11 安装 Git 完整指南

1.3 Java JDK17下载

下载JDK17安装包(推荐Oracle或OpenJDK版本),

先配置JAVA_HOME环境变量指向安装路径,打开查看高级系统设置,点击环境变量,打开后,在系统变量下方点击新建,如图:

变量名:JAVA_HOME

变量值:替换为自己下载的真实路径

再在系统变量里找到Path变量,点进去新建,并将   %JAVA_HOME%\bin 添加到Path变量。步骤如下图,最后一定一定记得点击确定。

最后可以按住 Win+R ,输入cmd

回车后输入:

java -version 

验证配置是否成功:

二、Flutter鸿蒙环境配置

2.1 DevEco Studio初始化

启动DevEco Studio后创建默认模板项目。

2.2 SDK安装

点击左上角文件,找到设置。

点进去后找到OpenHarmony SDK,勾选图片中打勾的API版本,再点击确认进行下载。

再找到ArkUI-X,勾选图片中打勾的API版本,再点击确认进行下载。

2.3 环境变量配置

找到下载好OpenHarmony SDK的文件夹,复制文件路径,像1.3Java JDK17下载部分一样,新增系统变量:

变量名:DEVECO_SDK_HOME

变量值:替换为自己的文件路径

最后点击确定

接下来需要添加DevEco Studio工具的路径,按照步骤找到hvigor、node、ohpm三个文件


复制三个文件的路径,分别添加到Path变量里

再通过下面步骤找到toolchains文件

复制toolchains文件的路径,添加到Path变量里,最后点击确认

三、鸿蒙适配版Flutter SDK部署

3.1 源码克隆

先新建一个文件夹,进入文件夹,输入cmd后回车,打开命令提示符

在命令提示符里执行克隆命令:

git clone -b oh-3.27.4-dev https://gitcode.com/openharmony-tpc/flutter_flutter.git

git clone -b oh-3.27.4-dev https://gitcode.com/openharmony-tpc/flutter_flutter.git 

3.2 环境变量扩展

克隆成功后,文件夹里会出现flutter_flutter文件,接下来我们就要Path变量追加Flutter路径。

进入flutter_flutter文件里,找到bin文件,复制bin文件路径,添加到Path变量里:

接下来再新建两个系统变量,找到系统变量,点击新建:

变量名:PUB_HOSTED_URL
变量值:https://pub.flutter-io.cn

变量名:FLUTTER_STORAGE_BASE_URL
变量值:https://storage.flutter-io.cn

3.3 环境验证

检查flutter环境,按住 Win+R ,输入cmd,再命令提示符里输入flutter --version

再执行诊断命令,输入flutter doctor -v

flutter doctor -v 

检查鸿蒙环境是否配置成功,如果有地方有问题,可以参考一下这位老师的文章:Windows 11 OpenHarmony 版 Flutter 开发环境搭建常见问题解决方法

四、项目创建与运行

4.1 工程初始化

创建纯鸿蒙项目:我们可以专门创建一个文件夹保存Flutter鸿蒙项目,在文件路径中输入cmd重新打开一个新终端,根据你的需求,有两种方式创建项目:

方式一:只创建 OpenHarmony 平台工程

flutter create --platforms ohos <自定义项目名称> 

方式二:创建多平台工程(Android、iOS、OpenHarmony)

flutter create <自定义项目名称> 

创建成功如图:

4.2 依赖预处理

接着在终端执行以下处理:

flutter clean flutter pub get flutter build app --release 

4.3 模拟器部署与运行

打开Deveco Studio中的文件File,选择open并且找到创建的项目名称下的ohos,可以看到ohos会有Deveco Studio的标识,然后打开,打开后在DevEco Studio中:

通过Tools->Device Manager创建HarmonyOS 6.0+模拟器

下载好模拟器后,启动模拟器后点击运行按钮

模拟器加载完后,呈现如图:

再次点击运行

最后成功运行如图所示:

欢迎加入开源鸿蒙跨平台社区~:https://openharmonycrossplatform.ZEEKLOG.net

Read more

AI Agent新范式:FastGPT+MCP协议实现工具增强型智能体构建

AI Agent新范式:FastGPT+MCP协议实现工具增强型智能体构建

AI Agent新范式:FastGPT+MCP协议实现工具增强型智能体构建 作者:高瑞冬 本文目录 * AI Agent新范式:FastGPT+MCP协议实现工具增强型智能体构建 * 一、MCP协议简介 * 二、创建MCP工具集 * 1. 获取MCP服务地址 * 2. 在FastGPT中创建MCP工具集 * 三、测试MCP工具 * 四、AI模型调用MCP工具 * 1. 调用单个工具 * 2. 调用整个工具集 * 五、私有化部署支持 * 1. 环境准备 * 2. 修改docker-compose.yml文件 * 3. 修改FastGPT配置 * 4. 重启服务 * 六、使用MCP-Proxy集成多个MCP服务 * 1. MCP-Proxy简介 * 2. 安装MCP-Proxy * 3. 配置MCP-Proxy * 4. 将MCP-Proxy与FastGPT集成 * 5. 高级配置

By Ne0inhk
【大模型实战篇】基于Claude MCP协议的智能体落地示例

【大模型实战篇】基于Claude MCP协议的智能体落地示例

1. 背景         之前我们在《MCP(Model Context Protocol) 大模型智能体第一个开源标准协议》一文中,介绍了MCP的概念,虽然了解了其概念、架构、解决的问题,但还缺少具体的示例,来帮助进一步理解整套MCP框架如何落地。         今天我们基于claude的官方例子--获取天气预报【1】,来理解MCP落地的整条链路。 2. MCP示例         该案例是构建一个简单的MCP天气预报服务器,并将其连接到主机,即Claude for Desktop。从基本设置开始,然后逐步发展到更复杂的使用场景。         大模型虽然能力非常强,但其弊端就是内容是过时的,这里的过时不是说内容很旧,只是表达内容具有非实时性。比如没有获取天气预报和严重天气警报的能力。因此我们将使用MCP来解决这一问题。         构建一个服务器,该服务器提供两个工具:获取警报(get-alerts)和获取预报(get-forecast)。然后,将该服务器连接到MCP主机(在本例中为Claude for Desktop)。         首先我们配置下环

By Ne0inhk
基于腾讯云HAI + DeepSeek快速设计自己的个人网页

基于腾讯云HAI + DeepSeek快速设计自己的个人网页

前言:通过结合腾讯云HAI 强大的云端运算能力与DeepSeek先进的 AI技术,本文介绍高效、便捷且低成本的设计一个自己的个人网页。你将了解到如何轻松绕过常见的技术阻碍,在腾讯云HAI平台上快速部署DeepSeek模型,仅需简单几步,就能获取一个包含个人简介、技能特长、项目经历及联系方式等核心板块的响应式网页。 目录 一、DeepSeek模型部署在腾讯云HAI 二、设计个人网页 一、DeepSeek模型部署在腾讯云HAI 把 DeepSeek 模型部署于腾讯云 HAI,用户便能避开官网访问限制,直接依托腾讯云 HAI 的超强算力运行 DeepSeek-R1 等模型。这一举措不仅降低了技术门槛,还缩短了部署时间,削减了成本。尤为关键的是,凭借 HAI 平台灵活且可扩展的特性,用户能够依据自身特定需求定制专属解决方案,进而更出色地适配特定业务场景,满足各类技术要求 。 点击访问腾讯云HAI控制台地址: 算力管理 - 高性能应用服务 - 控制台 腾讯云高性能应用服务HAI已支持DeepSeek-R1模型预装环境和CPU算力,只需简单的几步就能调用DeepSeek - R1

By Ne0inhk
AI革命先锋:DeepSeek与蓝耘通义万相2.1的无缝融合引领行业智能化变革

AI革命先锋:DeepSeek与蓝耘通义万相2.1的无缝融合引领行业智能化变革

云边有个稻草人-ZEEKLOG博客 目录 引言 一、什么是DeepSeek? 1.1 DeepSeek平台概述 1.2 DeepSeek的核心功能与技术 二、蓝耘通义万相2.1概述 2.1 蓝耘科技简介 2.2 蓝耘通义万相2.1的功能与优势 1. 全链条智能化解决方案 2. 强大的数据处理能力 3. 高效的模型训练与优化 4. 自动化推理与部署 5. 行业专用解决方案 三、蓝耘通义万相2.1与DeepSeek的对比分析 3.1 核心区别 3.2 结合使用的优势 四、蓝耘注册流程 五、DeepSeek与蓝耘通义万相2.1的集成应用 5.1 集成应用场景 1. 智能医疗诊断

By Ne0inhk