HarmonyOS Next如何基于HMRouter实现 应用未登录，点击跳转登录页的校验场景？

Question

如题：HarmonyOS Next如何基于HMRouter实现 应用未登录，点击跳转登录页的校验场景？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

应用中经常会有当用户未登录应用时，点击某些应用内容会自动跳转到登录页面的场景，在使用HMRouter对此场景进行实现时，可以采用以下步骤：

1. 定义拦截器类LoginCheckInterceptor实现IHMInterceptor接口。
2. 为定义的拦截器类添加@HMInterceptor注解，通过interceptorName配置拦截器名称LoginCheckInterceptor。

3. 实现IHMInterceptor的handle方法，在该方法中根据当前的登录状态来控制页面跳转的目标。

   1. 当用户已登录，通过返回HMInterceptorAction.DO_NEXT，正常执行后续页面跳转逻辑。
   2. 当用户未登录，通过Toast弹窗向用户提示登录，然后跳转到登录页面，最后通过HMInterceptorAction.DO_REJECT来拦截此次跳转请求。

   @HMInterceptor({ interceptorName: 'LoginCheckInterceptor' })
   export class LoginCheckInterceptor implements IHMInterceptor {
     handle(info: HMInterceptorInfo): HMInterceptorAction {
    // ...
      if (!!AppStorage.get('isLogin')) {
        return HMInterceptorAction.DO_NEXT;
      } else {
        info.context.getPromptAction().showToast({ message: '请先登录' })
        HMRouterMgr.push({
          pageUrl: 'loginPage',
          param: info.targetName,
          skipAllInterceptor: true
        })
        return HMInterceptorAction.DO_REJECT;
      }
      // ...
     }
   }

4. 在需要进行拦截的页面中配置@HMRouter的interceptors参数即可，由于一个页面可以配置多个拦截器，所以需要将关联的拦截器名称封装为一个数组进行传入。

   @HMRouter({
     pageUrl: 'shoppingBag',
     singleton: true,
     interceptors: ['LoginCheckInterceptor'],
     lifecycle: 'requestLifecycle'
   })
   @Component
   export struct ShoppingBagContent {
     // ...
   }

   本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。