鸿蒙 6.0 应用开发面试：应用程序包问题

编译过程中遇到其他错误时，根据提示找到对应位置并进行修改。

如何实现跨模块的页面跳转功能？

在业务体系庞大或复杂的情况下，会将业务拆分成多个子业务模块，每个子业务模块为一个 HAR/HSP。在该场景下，存在从主业务入口跳转到不同子页面模块，或从一个子业务模块 A 页面跳转到另一个子业务模块 B 页面的需求。例如，从应用首页跳转到登录子业务模块页面。针对该场景，有以下三种解决方案：

• 方案一：使用 router 的命名路由接口 router.pushNamedRoute() 跳转。
• 方案二：使用 navigation 组件跳转。以从应用入口模块的页面 NavigationPage 跳转到 Login 子业务模块页面 LoginPage 为例。主要包含以下步骤：
  1. 组件定义：使用 @Component 装饰器定义了一个名为 LoginPage 的结构体组件。
  2. 依赖注入：通过 @Consume('pathStack') 注解，组件从其父组件中获取 NavPathStack 实例，用于页面导航。
  3. 状态声明：使用 @State 声明了一个字符串类型的状态变量 message，初始值为 'Login Page'。
  4. UI 构建：在 build 方法中，使用 NavDestination 构建导航目标，内部包含一个 Column 布局。
  5. 文本显示：在 Column 中，使用 Text 组件显示 message 变量的值，并设置字体大小为 50，字体加粗。
  6. 布局设置：设置 Column 的宽度和高度为 100%。
  7. 返回按钮处理：使用 .onBackPressed 方法注册返回按钮的事件处理函数，当返回按钮被按下时，调用 pathStack.pop() 方法返回到上一个页面，并返回 true 表示事件已被处理。
  8. 导入自定义组件：代码首先导入了 LoginPage 组件，这是从 @ohos/login 模块中导入的。
  9. 定义 NavigationPage 组件：使用 @Entry 和 @Component 装饰器定义了一个名为 NavigationPage 的组件。
  10. 提供 pathStack：使用 @Provide 装饰器定义了一个名为 pathStack 的 NavPathStack 实例，用于管理页面导航路径。
  11. 定义 pageMap 方法：使用 @Builder 装饰器定义了一个名为 pageMap 的方法，该方法根据传入的 name 参数决定返回哪个组件。如果 name 是 'loginPage'，则返回 LoginPage 组件。
  12. 构建 UI：在 build 方法中，使用 Navigation 组件和 Button 组件构建了一个 UI。Navigation 组件使用 pathStack 来管理导航路径。Button 组件显示一个按钮，点击后会创建一个 NavPathInfo 对象，并使用 pathStack.pushDestination 方法导航到 loginPage。
  13. 设置导航目标：使用 .navDestination(this.pageMap) 设置导航的目标为 pageMap 方法返回的组件。

// Import a custom component of the Login module
import { LoginPage } from '@ohos/login';

@Entry
@Component
struct NavigationPage {
  @Provide('pathStack') pathStack: NavPathStack = new NavPathStack();

  @Builder pageMap(name: string) {
    if (name === 'loginPage') {
      LoginPage()
    }
  }

  build() {
    Navigation(this.pathStack) {
      Button('jump to login page').onClick(() => {
        // The second parameter of NavPathInfo is a custom parameter that can be used for message transfer
        let pathInfo: NavPathInfo = new NavPathInfo('loginPage', new Object());
        this.pathStack.pushDestination(pathInfo, true);
      })
    }.navDestination(this.pageMap)
  }
}

代码逻辑走读：

在入口模块的 oh-package.json5 文件中添加对 Login 模块的依赖项。

{
  "...",
  "dependencies": {
    "@ohos/login": "file:../LoginModule"
  }
}

在 Login 模块的入口文件 Index.ets 中导出自定义组件。

export { LoginPage } from './src/main/ets/pages/loginPage';

在 Login 模块中开发自定义组件 LoginPage 作为路由跳转目的地，并对外导出。

@Component
export struct LoginPage {
  @Consume('pathStack') pathStack: NavPathStack;
  @State message: string = 'Login Page';

  build() {
    NavDestination() {
      Column() {
        Text(this.message).fontSize(50).fontWeight(FontWeight.Bold)
      }.width('100%').height('100%')
    }.onBackPressed(() => {
      this.pathStack.pop();
      return true;
    })
  }
}

• 方案三：使用基于 navigation 组件的自定义路由框架跳转。方案二虽然可以实现跨模块跳转的功能，但当模块间跳转需求增多，各个模块间将存在非常复杂的依赖关系，甚至会导致多个 HAR/HSP 间循环依赖。为了解决模块间的强耦合关系，并且提升页面加载性能。

入口模块导入 Login 模块的自定义组件，并添加到 Navigation 组件的路由表中。

如何在应用内共享 HSP？

如需在应用内共享 HSP，请将 HSP 共享包上传至私仓。动态共享包 HSP 不能直接发布在私仓内，需要先转换为.tgz 包。请按以下操作编译生成*.tgz 包。

1. 构建完成后，build 目录下生成 HSP 包产物，其中.tgz 用来上传至私仓。
2. 选中 HSP 模块的根目录，点击 Build > Make Module {libraryName}，启动构建。
3. 将编译模式设为 release。
4. 上传到仓库，然后使用 ohpm install 命令将依赖安装到工程的 oh-package.json5 文件的 dependencies 字段中，即可查看对外共享的 HSP 方法。