鸿蒙开发者社区

鸿蒙Flutter实战：现有Flutter项目支持鸿蒙II引言在之前的文章[鸿蒙Flutter实战：09现有Flutter项目支持鸿蒙](https:gitee.comzacksawesomeharmonyosflutterblobmaster%E9%B8%BF%E8%92%99%20Flutter%20%E5%AE%9E%E6%88%98%E9%B8%BF%E8%92%99Flutter%E5%AE%9E%E6%88%98%EF%BC%9A09%E7%8E%B0%E6%9C%89Flutter%E9%A1%B9%E7%9B%AE%E6%94%AF%E6%8C%81%E9%B8%BF%E8%92%99.md)中，介绍了如何改造项目，适配鸿蒙平台。文中讲述了整体的...

导读本文带来非常详细的元服务开发及上架全流程介绍，包含元服务介绍、创建、服务卡片、签名、开发测试、签名打包、上架审核等，一应俱全。元服务简介元服务是一种新的服务提供方式开发简单、免安装、易于获取和使用相较于小程序，系统原生，丝滑流畅轻量应用程序形态，具备秒开直达，纯净清爽；服务相伴，恰合时宜；即用即走，账号相随；一体两面，嵌入运行；原生智能，全域搜索；高效开发，生而可信等特征。特点秒开直达：即...

介绍服务卡片是一直桌面小组件，可以放置在桌面上等位置，一触即达。服务卡片分为静态卡片和动态卡片两类。本文介绍静态卡片。创建回到DevEco，在目录entry右键，点击创建ServiceWidget，选择StaticWidget,点击Next。输入名称，选择支持的卡片大小，点击确定创建卡片。其中22代表2行2列，12代表1行2列。编写卡片界面交互点击事件传参这里使用ArkUI编写界面，不过不能使用点击事件，转而应该使用FormLink，相关的事件在formabili...

简介元服务是鸿蒙中的一种轻量应用形态，无需下载，直接运行。类似于微信小程序，但与小程序不同的是，元服务更加轻量。元服务使用原生开发，是系统级提供的，无论从易用性、性能、体验上，都要比小程序好。创建元服务使用DevEco，点击Create,左侧模板选择AtomicService，右侧模板选择EmptyAbility。根据提示依次点击下一步。{:width400}图标生成图标设计好以后，可以使用DevEco自带的生成工具，生成符合元服务规范的图标。在sr...

创建应用新建项目1.在AppGalleryConnect，我的项目，添加项目。新建APPID1.在AppGalleryConnect，证书、APPID和Profile中。选择所属项目新建应用元服务在APPID右侧，点击发布,会弹出发布HarmonyOS应用元服务按提示填写应用信息，上传应用图标，选择应用分类、标签，点击下一步上传打包App（见下方）。填写应用信息，公司信息等。需要注意的是，App需要提供软著，元服务则不需要。打包签名自动签名如果是开发和测试，可以使用自...

鸿蒙Flutter实战：使用模拟器开发调试前提开发电脑需为M系列芯片(ARM架构)的Mac电脑目前Flutter鸿蒙开发，无法使用X86架构的模拟器，只能使用ARM架构的模拟器创建项目等开发环境搭建成功，使用fluttercreate命令创建项目新项目bashfluttercreateplatformsohosohosapp旧项目增加鸿蒙平台支持bashfluttercreateplatformsohos.签名使用DevEco打开上面项目中的ohos目录，也就是我们的鸿蒙项目目录打开FileProjectStructure...,点击S...

配置鸿蒙环境下载安装DevEco配置IDE打开Prefreences,OpenHarmonySDK,勾选APIVersion12创建鸿蒙项目打开DevEco，点击右上角CreateProject，在Application处选择EmptyAblity,点击Next,进入配置页，根据需求调整内容，这里使用默认配置，1.Projectname:MyApplication,2.Bundlename:com.example.myapplication,3.Savelocation选择需要创建的目录，这里使用MyApplication目录（projectsMyApplication)4.CompatibleSDK,选择4.0.05.Mod...

使用FlutterSDK3.22.0SDK安装参考[鸿蒙Flutter实战：01搭建开发环境]文章的说明，首先安装FlutterSDK3.22.0。目前鸿蒙化FlutterSDK3.22还未正式发布，现在可以使用https:gitee.comharmonycommandoflutterflutter进行前期测试验证。使用FVM进入目录fvmversions,克隆以上仓库。bashgitclonehttps:gitee.comopenharmonysigflutterflutter.gitcustom3.22.0接下来使用fvmlist命令查看SDK版本列表。bash┌─────────────...

鸿蒙Flutter实战：10常见问题集合1.学习路径应该是怎样的，需要掌握哪些技术才具备鸿蒙Flutter开发能力1.1学习和掌握Flutter开发技术，这块需要在Flutter社区学历[Flutter开发文档](https:docs.flutter.cn)1.2学习鸿蒙基础概念和知识，推荐学习[鸿蒙生态应用开发白皮书](https:developer.huawei.comconsumercndocguidebookharmonyecoappguidebook0000001761818040),[ArkTS语言](https:developer.huawei.comconsumercnarkts),[Ar...

鸿蒙Flutter实战：现有Flutter项目支持鸿蒙背景原来使用Flutter开发的项目，需要适配鸿蒙。环境搭建见文章［鸿蒙Flutter适配指南］，搭建开发环境，使用fvm管理多版本SDK。模块化原有项目保持模块化，拆分为appscommoncomponentsmodulesplugins等目录，如下所示：bash.├──README.md├──analysisoptions.yaml├──melos.yaml├──melosogwflutter.iml├──nodemodules├──packages│├──README.md│├──apps││├...

鸿蒙Flutter实战：如何调试代码1.环境搭建参考文章[鸿蒙Flutter实战：01搭建开发环境](https:gitee.comzacksawesomeharmonyosflutterblobmaster%E9%B8%BF%E8%92%99Flutter%E5%AE%9E%E6%88%98%EF%BC%9A01%E6%90%AD%E5%BB%BA%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83.md)搭建好开发环境。IDE安装好DevEco和VsCodeAndroidStudio。2.配置如果是vscode,可以在.vscodelaunch.json文件中，增加以下配置json{"name":"ohosapp(attachmode)",...

鸿蒙Flutter实战：混合开发鸿蒙Flutter混合开发主要有两种形式。1.基于har将fluttermodule打包成har包，在原生鸿蒙项目中，以har包的方式引入。其优点是主项目开发者可以不关注Flutter实现，不需要安装配置Flutter开发环境，缺点是无法及时修改Flutter代码，也不存在热重载。2.基于源码通过源码依赖的当时，在原生鸿蒙项目处，引入Flutter模块。其优点是方便维护和更新Flutter代码，也可以使用热重载。缺点是需要搭建Flutter开...

使用ArkTs开发Flutter鸿蒙平台插件本文讲述如何开发一个Flutter鸿蒙插件，如何实现Flutter与鸿蒙的混合开发，以及双端消息通信。Flutter侧，编写MethodChanneldartconstMethodChannelmethodChannelMethodChannel('xxx.comapp');获取tokenstaticFuturegetToken(){returnmethodChannel.invokeMethod("getPrefs",'token');}设置tokenstaticFuturesetToken(Stringtoken){returnmethodChannel.invokeMethod("setPrefs",{'key':'token...

鸿蒙Flutter实战：使用第三方插件在鸿蒙Flutter开发中，如果涉及到使用原生功能，就要使用插件。使用插件有两种方式，一种是自己编写原生ArkTS代码，在Dart侧调用。另外一种是使用第三方代码。方式一：编号原生ArkTS代码该方案可以使用PlatformView或者MethodChannel调用。1.PlatformView即为在Flutter侧创建一个View，然后在Native侧渲染。PlatformView封装了底层的View。2.MethodChannel即通过MethodClannel调用原生Native方...

鸿蒙Flutter如何使用DevTools调试Webview在《鸿蒙Flutter开发中集成Webview》，介绍了如果在Flutter中集成Webview.本文则为Webview的调试方法。配置WebviewCustomView.ets文件中，在生命周期aboutToAppear处配置允许调试：etsaboutToAppear(){webview.WebviewController.setWebDebuggingAccess(true);}找到devtools的端口运行App，使用hdc命令连接设备，查找相关端口bash连接设备hdcshell找到相关进程catprocnetunixgrepdevtool...

鸿蒙Flutter实战：02Windows环境搭建踩坑指南环境搭建1.下载FlutterSDK，配置环境变量鸿蒙FlutterSDK需要在[Gitee下载](https:gitee.comopenharmonysigflutterflutter)。目前建议下载dev分支代码。需要配置以下用户变量注意鸿蒙开发需要安装Java和配置相关变量bashfluttersdk镜像FLUTTERSTORAGEBASEURLhttps:storage.flutterio.cnpub镜像PUBHOSTEDURLhttps:pub.flutterio.cnDEVECOSDKHOMEC:\ProgramFiles\Huawei\DevEcoStudio\s...

鸿蒙Flutter实战：01搭建开发环境准备工作1.安装[DevEcoStudioNEXTIDE](https:developer.huawei.comconsumercndevecostudio),注意版本应该是Next，当前最新的是Beta32.安装Git,如果要同时适配安卓,需要安装AndroidStudio;如果要适配ios,需要安装XcodeMac安装(推荐)环境变量配置bashFlutterMirrorexportPUBHOSTEDURLhttps:pub.flutterio.cnexportFLUTTERSTORAGEBASEURLhttps:storage.flutterio.cnHarmonyOSSDKexportTOOLHOMEAppl...

主要有两种方案使用第三方库如使用flutterinappwebview插件，在pubspec.lock文件中配置：yamlflutterinappwebview:git:url:https:gitee.comopenharmonysigflutterinappwebview.gitpath:"flutterinappwebview"编写原生ArkTS代码实现PlatformView创建entryablitiy在srcmainmodule.json5中配置ablitiyjson"abilities":[{"name":"EntryAbility","srcEntry":".etsentryabilityEntryAbility.ets","description":"$string:EntryAbility...

准备工作1.安装[DevEcoStudioNEXTIDE](https:developer.huawei.comconsumercndevecostudio),注意版本应该是Next，当前最新的是Beta32.安装Git,如果要同时适配安卓,需要安装AndroidStudio;如果要适配ios,需要安装XcodeMac安装(推荐)环境变量配置FlutterMirrorexportPUBHOSTEDURLhttps:pub.flutterio.cnexportFLUTTERSTORAGEBASEURLhttps:storage.flutterio.cnHarmonyOSSDKexportTOOLHOMEApplicationsDevEcoStudio.appContentsexp...