【鸿蒙实战开发】基于Navigation的路由拦截管理

最新推荐文章于 2024-08-04 21:35:17 发布

「已注销」

最新推荐文章于 2024-08-04 21:35:17 发布

阅读量788

点赞数 30

分类专栏： HarmonyOS 移动开发鸿蒙开发文章标签： harmonyos 移动开发鸿蒙 ui 缓存 Navigation 组件化

本文链接：https://blog.csdn.net/HarmonyOSMN/article/details/140379289

版权

HarmonyOS 同时被 3 个专栏收录

101 篇文章 0 订阅

订阅专栏

移动开发

101 篇文章 0 订阅

订阅专栏

鸿蒙开发

101 篇文章 2 订阅

订阅专栏

路由拦截是开发中常见场景，比如校验用户是否登录、路由拦截添加弹窗等。通过setInterception可以实现这些功能，该需求主要用于路由拦截前调用开发者设置的拦截回调，和拦截回调里开发者返回处理后需要跳转的页面信息。

场景一：判断用户是否登录。

方案：

设置并开启页面路由拦截registerInterception，通过全局变量LocalStorage判断用户当前是否登录，未登录时点击购物车会被拦截并跳转至登录页，输入用户名和密码后将LocalStorage改为true表示已登录，然后跳转至购物车。

核心代码

设置willShow页面跳转前拦截，当从首页跳转（即typeof from === “string”）时，如果此时登录状态为false（!this.storageLink）且目标页为购物车（target.pathInfo.name === ‘pageTwo’），则会将跳转的目标页pop，然后跳转至登录页登录。

registerInterception() { 
  let loginIntercept:InterceptionShowCallback = (from: NavDestinationContext | "navBar", to: NavDestinationContext | "navBar") => { 
    if (!this.isUseInterception) { 
      return; 
    } 
    if (typeof from === 'string') { 
      let target: NavDestinationContext = to as NavDestinationContext; 
      console.log("source page is navigation home"); 
      if (!this.storageLink && target.pathInfo.name === 'pageTwo') { 
        target.pathStack.pop(); 
        target.pathStack.pushPathByName('pageOne', null); 
      } 
    } 
  } 
}

场景二：返回时弹出确认弹窗。

方案：

设置并开启页面路由拦截registerInterception，如果用户未完成预约直接返回，会进行路由拦截并弹出确认弹窗是否确认返回。

核心代码

设置willShow页面跳转前拦截，判断当从预约页返回时（source.pathInfo.name === ‘appointPageTwo’），会进行路由拦截并弹出确认框是否返回首页，选择确认则clear清栈返回首页。

registerInterception() { 
  let loginIntercept: InterceptionShowCallback = (from: NavDestinationContext | "navBar", to: NavDestinationContext | "navBar") => { 
      if (!this.isUseInterception) { 
        return; 
      } else { 
        //其他destination跳转destination的拦截 
        let source: NavDestinationContext = from as NavDestinationContext; 
        if (source.pathInfo.name === 'appointPageTwo') { 
          console.info("test" + source.pathInfo.name) 
          source.pathStack.pushPathByName('appointPageTwo', null, false); 
          this.dialog.open() 
        } 
      } 
    } 
  this.pageInfos.setInterception({ 
    willShow: loginIntercept 
  }) 
}

鸿蒙全栈开发全新学习指南

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以要有一份实用的鸿蒙（HarmonyOS NEXT）学习路线与学习文档用来跟着学习是非常有必要的。

针对一些列因素，整理了一套纯血版鸿蒙（HarmonyOS Next）全栈开发技术的学习路线，包含了鸿蒙开发必掌握的核心知识要点，内容有（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、WebGL、元服务、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、OpenHarmony驱动开发、系统定制移植等等）鸿蒙（HarmonyOS NEXT）技术知识点。