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

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

前言

  鸿蒙应用开发已经成为互联网新的风口,开发鸿蒙软件已经成为今年工作的核心目标。在软件开发过程中,对于复杂度较大,功能较多的软件都会采用组件化项目架构,那么对于鸿蒙应用开发是否也能实现组件化呢?本文将详细讲解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 分钟前
【iOS】MRC&ARC
macos·ios·cocoa
我命由我123451 小时前
Android 开发 - 广播组件(标准广播、有序广播、静态注册广播、分钟到达广播、网络变更广播...)
android·java·开发语言·网络·java-ee·android studio·android-studio
A富得流油的咸鸭蛋1 小时前
安卓鸿蒙面试
android·面试·harmonyos
程序员黑豆1 小时前
鸿蒙应用开发之状态变化通知:@Watch 装饰器详解与实战
前端·harmonyos
Coffeeee2 小时前
AGP9.0的主要变更项,给Gradle来一次大变样
android·前端·gradle
_瑞2 小时前
怎么知道 App 到底卡在哪?
ios·xcode
用户0934077735142 小时前
HarmonyOS WPS Open SDK 快速入门:HAR 装上就能打开文档吗
typescript·harmonyos
熊猫钓鱼>_>2 小时前
ArkTS 基础入门:从零搭建第一个交互页面
华为·架构·交互·ts·harmonyos·arkts·鸿蒙
三声三视2 小时前
DevEco Code 让 AI 写 ArkTS,enum 反向查表真机翻车——我换成 typeof + as const 后清净了
人工智能·harmonyos·arkts·鸿蒙
小孔龙2 小时前
Android GPU 渲染管线:一帧画面如何走上屏幕
android·性能优化·gpu