【HarmonyOS】如何实现entry模块页面跳转HSP共享包页面(API9)
  wBstGgOsphMZ 2023年12月15日 27 0


【关键字】

API9、ArkTS、跨包路由跳转、entry模块页面跳转HSP共享包页面

【写在前面】

本篇文章主要介绍使用API9 ArkTS开发鸿蒙应用时,如何实现从entry模块或feature模块页面,跳转到HSP library模块的页面。

【开发步骤】

第一步:在API9 Stage模型的工程中,【右键-New-Module】选择Shared Library模板新建HSP共享包模块,命名为library,会在工程目录下生成library模块;

【HarmonyOS】如何实现entry模块页面跳转HSP共享包页面(API9)_re模块

【HarmonyOS】如何实现entry模块页面跳转HSP共享包页面(API9)_文件名_02

【HarmonyOS】如何实现entry模块页面跳转HSP共享包页面(API9)_bundle_03

第二步:在entry模块页面中,定义按钮点击实现,编写跳转代码,如下所示:

import router from '@ohos.router';

@Entry
@Component
struct Index {
  build() {
    Column() {
      Button("跳转library页面").onClick(() => {
        router.pushUrl({
          url: '@bundle:com.harmonyos.myapplication/library/ets/pages/Index'
        }).then(() => {
          console.log("push page success");
        }).catch(err => {
          console.error(`pushUrl failed, code is ${err.code}, message is ${err.message}`);
        })
      })
    }
    .width("100%")
    .height("100%")
  }
}

【HarmonyOS】如何实现entry模块页面跳转HSP共享包页面(API9)_文件名_04

其中router.pushUrl方法的入参中url内容的模板为:

'@bundle:包名(bundleName)/模块名(moduleName)/路径/页面所在的文件名(不加.ets后缀)'

【HarmonyOS】如何实现entry模块页面跳转HSP共享包页面(API9)_文件名_05

第三步:在DevEco Studio中点击【Run-Edit Configurations】打开配置项,点击entry模块下的“Deploy Multi Hap”勾选“Deploy Multi Hap Packages”将entry和library模块一起运行,如下所示:

【HarmonyOS】如何实现entry模块页面跳转HSP共享包页面(API9)_bundle_06

第四步:运行工程,点击“跳转library页面”按钮,即可实现跳转到library的index页面,最终效果如下所示:

【HarmonyOS】如何实现entry模块页面跳转HSP共享包页面(API9)_re模块_07

【参考文档】

HSP-跨包页面路由跳转


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月15日 0

暂无评论

推荐阅读
wBstGgOsphMZ