鸿蒙OS开发实例：【工具类封装-页面路由】_鸿蒙router工具类

 import common from '@ohos.app.ability.common'; import router from '@ohos.router'

封装app内的页面之间跳转、app与app之间的跳转工具类

【使用要求】

DevEco Studio 3.1.1 Release api 9

【使用示例】

import MyRouterUtil from '../common/utils/MyRouterUtil'
MyRouterUtil.openBrowser('https://www.baidu.com')
 
 
export default class MyRouterUtil {
  //日志过滤器
  static readonly LOG: string = "====MyRouterUtil"
  /**
   * 鸿蒙APP跳转到手机浏览器并打开网页
   * @param url 打开网页后展示的url地址
   */
  public static async openBrowser(url: string) {
    try {
      let want = {
        "action": "ohos.want.action.viewData",
        "entities": ["entity.system.browsable"],
        "uri": url,
        "type": "text/plain"
      }
      let context = getContext(this) as common.UIAbilityContext;
      await context.startAbility(want)
      console.info(MyRouterUtil.LOG, 'openBrowser', url)
    } catch (error) {
      console.error(MyRouterUtil.LOG, 'openBrowser', `${error.code},url：${url}`)
    }
  }

返回上一页

  public static backPage() {
    router.back()
    console.info(MyRouterUtil.LOG, 'backPage', '判断栈内页面数：', router.getLength())
  }

在鸿蒙APP内打开网页 常用来打开隐私声明、用户协议等

@param url
 
  public static async openWeb(url: string) {
    try {
      await router.pushUrl({
        url: 'pages/Web', //这个页面是我自己创建的，用于展示网页。里面可根据url的参数决定是否显示原生的标题栏。
        params: {
          launchWebview: url
        }
      }, router.RouterMode.Standard)
      console.info(MyRouterUtil.LOG, 'openWeb', url)
    } catch (e) {
      console.error(MyRouterUtil.LOG, 'openWeb', JSON.stringify(e), 'url:', url)
    }
  }

获取当前内存中，跑转到web页时保存的参数

  public static getParamsByWeb() {
    let url = JSON.parse(JSON.stringify(router.getParams())).launchWebview
    console.info(MyRouterUtil.LOG, 'getParamsByWeb', url)
    return url
  }

跳转到首页，需要在首页Index中

public static async openIndex() {
   try {
     await router.pushUrl({
       url: 'pages/Index'
     }, router.RouterMode.Single)
     console.info(MyRouterUtil.LOG, 'openIndex', 'succ')
     router.clear()
   } catch (e) {
     console.error(MyRouterUtil.LOG, 'openIndex', JSON.stringify(e))
   }
 }

跳转到登录页

  public static async openLogin() {
    try {
      await router.pushUrl({
        url: 'pages/Login'
      }, router.RouterMode.Standard)
      console.info(MyRouterUtil.LOG, 'openLogin', 'succ')
    } catch (e) {
      console.error(MyRouterUtil.LOG, 'openLogin', JSON.stringify(e))
    }
  }
}

鸿蒙开发岗位需要掌握那些核心要领？

目前还有很多小伙伴不知道要学习哪些鸿蒙技术？不知道重点掌握哪些？为了避免学习时频繁踩坑，最终浪费大量时间的。

自己学习时必须要有一份实用的鸿蒙（Harmony NEXT）资料非常有必要。 这里我推荐，根据鸿蒙开发官网梳理与华为内部人员的分享总结出的开发文档。内容包含了：【ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战】等技术知识点。

废话就不多说了，接下来好好看下这份资料。

如果你是一名Android、Java、前端等等开发人员，想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。鸿蒙OpenHarmony知识←前往。下面是鸿蒙开发的学习路线图。

针对鸿蒙成长路线打造的鸿蒙学习文档。鸿蒙（OpenHarmony ）学习手册（共计1236页）与鸿蒙（OpenHarmony ）开发入门教学视频，帮助大家在技术的道路上更进一步。

其中内容包含：

《鸿蒙开发基础》鸿蒙OpenHarmony知识←前往

1. ArkTS语言
2. 安装DevEco Studio
3. 运用你的第一个ArkTS应用
4. ArkUI声明式UI开发
5. .……

《鸿蒙开发进阶》鸿蒙OpenHarmony知识←前往

1. Stage模型入门
2. 网络管理
3. 数据管理
4. 电话服务
5. 分布式应用开发
6. 通知与窗口管理
7. 多媒体技术
8. 安全技能
9. 任务管理
10. WebGL
11. 国际化开发
12. 应用测试
13. DFX面向未来设计
14. 鸿蒙系统移植和裁剪定制
15. ……

《鸿蒙开发实战》鸿蒙OpenHarmony知识←前往

1. ArkTS实践
2. UIAbility应用
3. 网络案例
4. ……

最后

鸿蒙是完全具备无与伦比的机遇和潜力的；预计到年底将有 5,000 款的应用完成原生鸿蒙开发，这么多的应用需要开发，也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长，学习鸿蒙势在必行！