【HarmonyOS组件/模板集成创新活动-如何高效开发鸿蒙应用 (鸿社圈子)】

一、前言&鸿蒙组件/模板集成创新活动介绍

1、官方为了助力开发者高效集成鸿蒙组件 / 模板，提升应用 / 元服务开发效率，举办了该活动。

（1）报名： 8 月 30 日前通过华为开发者联盟官网报名，添加鸿蒙服务助手（扫码入群）。活动详细信息，见章节五。 （2）开发： 安装 DevEco Studio 的 Component Market 插件，集成组件 / 模板，完成功能开发并上架应用 / 元服务。 （3）插件指南（含安装与使用说明）

typescript 复制代码

https://developer.huawei.com/consumer/cn/doc/start/components-integration-deveco-0000002218625313?ha_source=rrdscpjl&ha_sourceId=89000499

2、关于组件/模板服务，是HarmonyOS在DevEco IDE上新增的插件。 见明知意，组件/模板服务提供现成的组件和模板代码，方便应用开发集成。例如，丰富多样的UI组件，包括按钮、文本框、列表视图等，鸿蒙组件涵盖了界面展示、交互操作、数据处理等多个领域。模板则是一套完整的项目解决方案。无论是电商类应用、社交类应用，还是工具类应用，模板市场都提供了对应的成熟模板。

3、阅读本文，你将得到三个收获： 首先是如何在DevEco IDE上使用组件/模板集成，来高效开发鸿蒙应用。其次是如何找到官方推荐的开发模板，来快速集成到项目进行使用。最后是如何加入官方模板分享，得到鸿蒙生态伙伴资质。

本文以我们【鸿蒙超新星】研发团队，开发【鸿社圈子】应用和元服务来举例。鸿社圈子是一款鸿蒙学习资源分享和交流的圈子应用。集成博客和朋友圈两大功能。使用组件/模板服务插件，极大的缩短了常规功能的开发时间。

二、DevEco IDE集成组件/模板服务

1、首先需要下载插件包 目前插件包是通过下载到本地后，手动添加到IDE中的方式集成。我们通过上文中的插件指南，如图所示，点击下载插件包：

2、DevEco Studio最低版本支持环境

软件要求DevEco Studio版本为5.0.0及以上。如果你的版本低于此要求，需前往官网下载并安装最新版本的DevEco Studio。安装过程可参考官网提供的详细下载和安装指南，确保安装过程顺利无误。

3. 打开DevEco Studio插件市场

启动DevEco Studio，在顶部菜单栏中依次点击"File"（文件）> "Settings"（设置）> "Plugins"（插件），进入插件设置窗口，选择"Plugins"（插件）选项卡，即可进入插件市场。

4. 从本地导入下载好的插件包

在插件市场界面，点击右上角的"齿轮图标"，在弹出的菜单中选择"Install Plugin from Disk..."（从磁盘安装插件）。在弹出的文件选择窗口中，找到之前下载好的插件包文件，点击"OK"，等待安装完成。导入成功后，会弹窗提示授权协议，这里点击同意即可。

5. 安装完成并重启IDE

插件安装完成后，重启DevEco Studio，使插件生效。重启后，你就可以开始使用插件，探索丰富的鸿蒙组件和模板资源了。

三、组件/模板服务如何使用

组件/模板服务，是分为组件和模板两块。组件服务的集成很简单，直接通过插件进行安装，模板服务有两种方式，第一个是通过插件进行集成，第二个是需要从过生态市场进行源码的下载，详细步骤参见下方：

1. 组件服务集成

（1）访问组件市场界面

重启IDE后，点击顶部菜单栏中的"Tools"（工具栏）> "Component Market"（组件市场），进入组件市场界面。在这里，你将看到琳琅满目的组件资源。

（2）搜索和浏览组件

在组件市场界面，通过左上角搜索框输入关键词，如"按钮""地图"等，快速查找所需组件。也可以点击右侧组件分类，按照界面组件、交互组件、数据组件等类型，浏览不同类型的组件资源。

（3）集成组件到项目

找到目标组件后，点击组件详情页卡片中的"Add to project"（添加到工程）按钮，即可将组件添加到您的项目中。组件会自动配置相关依赖和代码，开发者只需在项目中根据需求进行简单的参数设置和调用即可。

我们的【鸿社圈子】应用，通过下载现成的组件服务，集成ImagePreview，可以快捷的调用代码，不用自主开发，实现图片预览的功能效果。并且使用FastWeb高性能的web容器，可以零代码实现预启动、预渲染的效果。

2、模板服务集成

1. 访问模板市场界面

若想使用模板创建项目，点击顶部菜单栏中的"File"（文件）> "New"（新建）> "Create Project from Template Market"（从模板市场创建项目），进入模板市场界面。

2. 搜索和浏览模板

在模板市场界面，同样可以通过左上角搜索框输入关键词查找模板，或者点击模板品类，筛选不同品类下的模板资源。在左侧模板列表页点击感兴趣的模板，可在右侧详情页查看模板的具体功能、技术架构等信息。若想查看更多资源，点击左下角链接可跳转官网查看。

3. 创建工程

找到目标模板后，点击右下角"Next"（下一步）按钮，按照提示进行项目名称、存储路径等基本信息设置，即可创建新工程。基于模板创建的工程，已经具备了完整的项目结构和基础功能，开发者可以在此基础上快速开发个性化应用。

还有一种方式，是通过生态市场，选择对应行业的模板，进行源码的下载。从IDE插件中，有时候点击某些模板，也会跳转到这个网页中：

typescript 复制代码

https://developer.huawei.com/consumer/cn/market/prod-list/4437348dd20f48249540d1b57ef2eff6/categoryL2_202410080002

四、成为鸿蒙生态伙伴，提供模板分享

如果有优秀的行业案例，或者可以提供对应的鸿蒙开发模板，可以通过申请为【鸿蒙生态合作伙伴】。之前的案例有：联合华为推出智慧矿山、智慧文旅等行业解决方案。如威海文旅局与中软国际合作的"乐游威海"项目，通过鸿蒙元服务实现景区无感出入。 1、首先申请【HarmonyOS开发服务商】 前提条件是完成生态型服务商中的HarmonyOS开发服务商认证。之后提交鸿蒙应用开发方案，通过技术评审后获授牌。

2、授牌后开通商户功能，就可以上架模板：

五、创新活动相关信息

1、活动周期： 开发提交： 2025.05.15--08.30（应用 / 元服务上架）。评比： 2025.08.31--09.12（华为专家组评审）。公示： 2025.10.10（获奖名单发布）。

2、提交与评选： 按要求提交作品，评审从技术性（30 分）、创新性（30 分）、实用性（20 分）、完整性（10 分）、用户体验（10 分）及月活（400 + 额外 10 分）维度打分。

3、奖项与激励 星耀奖（1 名）：HUAWEI Mate 60 Pro（首次集成、质量优、评分≥80 且月活最高）。上架奖（20 名）：HUAWEI FreeBuds 5（首次集成、上架且评分前 20，星耀奖获得者不重复领奖）。参与奖（350 名）：鸿蒙 logo 短袖（安装插件并导入组件，先到先得）。优秀文章激励（5 名）：华为手环 9 NFC 版（在华为 / 三方论坛发布活动相关技术帖，互动量前 5）。

活动报名链接：

typescript 复制代码

https://developer.huawei.com/consumer/cn/activity/101747031198241690