news 2026/6/17 13:24:46

【HarmonyOS NEXT】实现跨工程模块跳转

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
【HarmonyOS NEXT】实现跨工程模块跳转

一、背景

公司鸿蒙项目采用壳工程 + 功能模块拆分为独立工程的架构模式,既实现代码解耦,也方便多团队并行开发,但独立工程之间无法直接引用源码,那就要考虑如何实现 “主工程按钮点击跳转到功能工程的页面”问题,通过以下案例来实现这个思路步骤

二、前置了解

先了解几个鸿蒙的核心概念

1、HAR 包:鸿蒙的 “模块归档包”,包含代码、资源、依赖的独立单元,是跨工程依赖的唯一载体;

2、跨工程依赖:主工程通过依赖功能工程的 HAR 包 / 本地模块,间接访问其组件;

3、NavPathStack:鸿蒙原生全局路由栈,是承载所有页面(包括跨工程页面)的容器。

三、具体流程

案例:lucyTest工程→loginTest 工程 login模块,跨工程跳转

主要分为三部分:发送方(lucyTest 主工程)配置,接收方(loginTest 登录工程)配置,跳转逻辑实现

3.1、接收方

3.1.1、准备可被跳转的模块

在loginTest工程内新建login模块可被其他工程依赖,并提供可跳转的页面(loginPage.ets)

目的:定义跨工程跳转的目标页面组件,后续通过路由映射让主工程识别。

3.1.2、配置路由表

loginTestlogin模块中,创建route_map.json

目的:鸿蒙路由系统通过route_map.json识别页面的 “唯一标识(name)” 与 “渲染入口”,是跨工程跳转的 “页面身份证”。

具体使用方法可参考此文章:https://blog.csdn.net/weixin_71403100/article/details/154455692?spm=1001.2014.3001.5502

{ "routerMap": [ { "name": "loginPage", "pageSourceFile": "src/main/ets/_generated/BuilderMap.ets", "buildFunction": "loginPageBuilder", "data": { "needLogin": "false" } } ] }

3.1.3、生成页面构建器:统一页面入口

loginTestlogin模块中,创建BuilderMap.ets,定义页面的构建函数

目的:将页面组件封装为@Builder函数,匹配route_map.json中的buildFunction,让路由系统能直接调用渲染页面。

备注:当路由页面少时这一步可以直接放到第一步中,当大型项目页面多时,建议抽成一个文件,在index中统一导出

3.1.4、导出模块入口:对外暴露能力

在login 模块 index.ets 导出目标组件

目的:主工程依赖模块后,通过index.ets统一访问模块的能力(页面、方法)。

//路径: /loginTest/login/Index.ets export * from './src/main/ets/_generated/BuilderMap'

3.1.5、将login模块打包为HAR包

3.2、发送方

3.2.1、引入 login 模块:本地依赖 / HAR 包依赖二选一

方式1:本地路径依赖(工程在同一目录下)

1、在lucyTestbuild-profile.json5中注册login模块:

2、在lucyTestoh-package.json5中声明依赖:

方式 2:HAR 包依赖

login模块的 HAR 包放入lucyTestlibs目录,再在oh-package.json5中依赖:

执行ohpm install安装依赖,主工程即可访问login模块的能力。

3.2.2 初始化 login 模块:动态导入 + 传递上下文

lucyTestEntryAbility.ets中,动态导入login模块并执行初始化(传递主工程上下文):

3.2.3、配置全局路由栈:承载跨工程页面的容器

lucyTest的跳转页面(如Index.ets)中,创建全局唯一的 NavPathStack(鸿蒙原生路由栈,所有页面都需通过它跳转):

// lucyTest/entry/src/main/ets/pages/Index.ets @Entry @Component struct Index { // 全局路由栈:承载主工程+跨工程的页面 private globalNavStack: NavPathStack = new NavPathStack(); build() { Column(){ // Navigation绑定全局路由栈(页面跳转的容器) Navigation(this.globalNavStack){ // 跳转按钮 Button('跳转到login组件') .onClick(()=>{ // 后续实现跳转逻辑 }) } .height('100%') .width('100%') } } }

3.3、实现跨工程跳转逻辑

lucyTestIndex.ets按钮点击事件中,调用NavPathStack.pushPathByName,通过loginPage路由名称跳转:

目的:通过route_map.json中注册的loginPage名称,让路由系统找到对应的页面构建函数,渲染跨工程的loginPage组件。

// lucyTest/entry/src/main/ets/pages/Index.ets Button('跳转到login组件') .onClick(()=>{ // 跳转到login模块的loginPage页面 this.globalNavStack.pushPathByName('loginPage', null, false); })

四、技能总结

主要使用到:

Navigation路由导航

HAR包跨工程依赖

动态导入 + harInit

五、会遇到的坑

以下是因为粗心大意而遇到的坑,总结下以免后续再犯

1、主工程找不到 login 模块

检查build-profile.json5/oh-package.json5的路径是否正确;执行ohpm install

2、跳转过去是个空白

检查路由表信息的配置项是否正确,检查是否绑定NavPathStack

3、harInit方法未找到

检查login模块的index.ets是否导出了harInit

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/16 3:21:08

【教育AI新纪元】:为什么Open-AutoGLM将成为学校标配?

第一章:Open-AutoGLM 教育虚拟教师联动Open-AutoGLM 是基于 AutoGLM 架构开源构建的教育领域大模型系统,专为智能教学场景设计。其核心能力在于实现虚拟教师与学习系统的深度联动,支持个性化知识推送、实时答疑反馈与学习路径动态优化。虚拟教…

作者头像 李华
网站建设 2026/6/16 16:47:49

智慧社区能源监测可视化管理方案

对很多住宅社区来说,公共区域的能源管理存在显著痛点:公共照明、电梯、水泵、景观等设施能耗偏高,且缺乏精细化监测手段,用能数据不透明;设备运维依赖人工巡检,效率低下且成本较高;物业推进绿色…

作者头像 李华
网站建设 2026/6/13 5:37:23

(独家揭秘)Open-AutoGLM数字孪生控制系统的5层安全防护机制

第一章:Open-AutoGLM 数字孪生联动控制Open-AutoGLM 是一个面向工业自动化与人工智能融合的开源框架,专注于实现数字孪生系统与大语言模型的深度协同。通过将物理设备的实时数据映射至虚拟模型,并结合自然语言指令解析能力,Open-A…

作者头像 李华
网站建设 2026/6/13 23:04:02

【文创AI新纪元】:Open-AutoGLM让内容创作效率提升10倍

第一章:【文创AI新纪元】:Open-AutoGLM让内容创作效率提升10倍在人工智能与文化创意深度融合的当下,Open-AutoGLM 正在重新定义内容生成的边界。作为一款开源的自动文本生成框架,它结合了 GLM 架构的强大语义理解能力与自动化流程…

作者头像 李华
网站建设 2026/6/14 4:03:34

Open-AutoGLM赋能非遗保护(AI驱动的文化复兴新范式)

第一章:Open-AutoGLM赋能非遗保护(AI驱动的文化复兴新范式)在数字化浪潮席卷全球的今天,非物质文化遗产的传承面临前所未有的挑战与机遇。Open-AutoGLM作为一种先进的开源大语言模型框架,正以其强大的语义理解与生成能…

作者头像 李华