鸿蒙开发进阶之一文学会鸿蒙组件化项目搭建

什么是不简单,把每一件简单的事情做好就是不简单;什么是不平凡?把每一件平凡的事情做好就是不平凡!

前言

鸿蒙应用开发已经成为互联网新的风口,开发鸿蒙软件已经成为今年工作的核心目标。在软件开发过程中,对于复杂度较大,功能较多的软件都会采用组件化项目架构,那么对于鸿蒙应用开发是否也能实现组件化呢?本文将详细讲解HarmonyOs组件化项目搭建的全过程,带领大家实现一个组件化项目。

项目创建

  1. 首先创建一个项目工程,点击开发工具DevEco-Stdio的File 选项,选择New 然后点击Create Project
  1. 选择创建一个EmptyAbility,然后直接下一步,创建工程。
  1. 工程主要包括一个entry模块,可以理解为Android的app主模块。

公共库创建及使用

创建公共库Common组件。

  1. 在工程目录中,单机鼠标右键,选择New选项,然后在弹出的页面中选择Module。
  1. 在弹出的页面中,选择创建一个静态库Static Library。
  1. 然后点击Next,修改静态库的名称为common。
  1. 点击完成后,编译器会自动在项目的根目录的build-profile.json5文件中添加common模块。
  1. 添加项目依赖,common作为公共库,需要提供给其他模块使用,这里以entry为例,添加模块依赖,如下图所示。
  1. 至此,一个公共库common就创建完成了。

功能模块创建使用

一个功能复杂庞大的app不仅有公共模块,还有许多子模块构建而成。创建流程如下:

  1. 在工程目录中,单机鼠标右键,选择New选项,然后在弹出的页面中选择Module。
  1. 在弹出的页面中,选择创建一个共享库Shared Library。
  1. 然后点击Next,修改静态库的名称为login。
  2. 点击完成后,编译器会自动在项目的根目录的build-profile.json5文件中添加login模块。
  1. 添加项目依赖,login作为子模块,需要被entry依赖调用,添加模块依赖,如下图所示。
  1. 到目前为止子模块也创建完成。

模块路由跳转

前面创建分别创建了公共库和子模块,如何从主模块entry跳转到子模块login,或者子模块之间互相跳转呢?

  1. HarmonyOs在页面跳转时提供了router实现路由跳转。需要跳转的目标页面必须满足两个条件,@Entry修饰struct 和路由注册。被@Entry修饰的struct才是一个独立页面。同时需要在main_pages.json中注册路由。
  1. 在common中定义完整路径。不同子模块都会依赖公共静态库common。然后在common中定义目标页面的全路径。

全路径主要由三部分组成。分别是@bundle: 代表模版。 然后是 包名 com.cms.mmvm。最后是模块名+目标页面的全路径。

  1. 使用export关键字导出 ConstantRouter类,提供给其他模块调用。
  1. 引入ConstantRouter类,调用类中定义的路由。

总结

HarmonyOs组件化的使用,有利于模块之间的解耦及大型项目的共同开发。随着鸿蒙生态的不断完善,学习鸿蒙开发势必成为新的趋势。也是广大同行新的选择。

对于新的系统,学习开发过程中肯定会有难度,所以为了方便大家学习,解决开发过程中遇到的问题。感兴趣的小伙伴可以扫码进群,互相学习,互相成长!

相关推荐
键盘鼓手苏苏22 分钟前
Flutter 三方库 p2plib 的鸿蒙化适配指南 - 实现高性能的端到端(P2P)加密通讯、支持分布式节点发现与去中心化数据流传输实战
flutter·harmonyos·鸿蒙·openharmony
加农炮手Jinx22 分钟前
Flutter for OpenHarmony:postgrest 直接访问 PostgreSQL 数据库的 RESTful 客户端(Supabase 核心驱动) 深度解析与鸿蒙适配指南
数据库·flutter·华为·postgresql·restful·harmonyos·鸿蒙
加农炮手Jinx22 分钟前
Flutter 组件 heart 适配鸿蒙 HarmonyOS 实战:分布式心跳监控,构建全场景保活检测与链路哨兵架构
flutter·harmonyos·鸿蒙·openharmony
钛态25 分钟前
Flutter 三方库 http_mock_adapter — 赋能鸿蒙应用开发的高效率网络接口 Mock 与自动化测试注入引擎(适配鸿蒙 HarmonyOS Next ohos)
android·网络协议·flutter·http·华为·中间件·harmonyos
王码码203526 分钟前
Flutter for OpenHarmony:Flutter 三方库 algoliasearch 毫秒级云端搜索体验(云原生搜索引擎)
android·前端·git·flutter·搜索引擎·云原生·harmonyos
王码码203527 分钟前
Flutter 三方库 dns_client 的鸿蒙化适配指南 - 告别 DNS 劫持、探索 DNS-over-HTTPS (DoH) 技术、构建安全的鸿蒙网络请求环境
flutter·harmonyos·鸿蒙·openharmony·dns_client
键盘鼓手苏苏27 分钟前
Flutter 组件 highlighter 适配鸿蒙 HarmonyOS 实战:高性能语法高亮,构建大规模代码分析与文本染色架构
flutter·harmonyos·鸿蒙·openharmony
国医中兴29 分钟前
Flutter 三方库 langchain_google 的鸿蒙化适配指南 - 链接 Gemini 智慧中枢、LangChain AI 实战、鸿蒙级智能应用专家
flutter·langchain·harmonyos
左手厨刀右手茼蒿30 分钟前
Flutter for OpenHarmony: Flutter 三方库 shamsi_date 助力鸿蒙应用精准适配波斯历法(中东出海必备)
android·flutter·ui·华为·自动化·harmonyos
雷帝木木30 分钟前
Flutter 三方库 http_client_interceptor 的鸿蒙化适配指南 - 实现原生 HttpClient 的全量请求拦截、支持端侧动态 Headers 注入与网络流量审计实战
flutter·harmonyos·鸿蒙·openharmony·http_client_interceptor