Aurelia Router：授权子路由的良好模式

Question

我想授权子路由器上的路由，但是我对当前的解决方案并不满意。 我当前的路线如下所示：

/
/account
/account/signin
/account/signout

为此，我定义了两个路由器-帐户页面的根路由器和子路由器。 为了授权我的帐户子路由器上的路由，我在根路由器配置中添加了以下管道步骤。

config.addAuthorizeStep({
    run: (instruction: NavigationInstruction, next: Next): Promise<any> => {
        if (!this.auth.isAuthenticated && (instruction.fragment === '/account' || instruction.fragment === '/account/profile')) {
            return next.cancel(new Redirect('account/signin'))
        }

        if (this.auth.isAuthenticated && instruction.fragment === '/account/signin') {
            return next.cancel(new Redirect('account'))
        }

        if (this.auth.isAuthenticated && instruction.fragment === '/account/signup') {
            return next.cancel(new Redirect('account'))
        }

        return next();
    }
})

它可以工作，但是我觉得必须有更好的方法...我真的很想完成以下任务：

1. 将授权逻辑移至帐户子路由器。
2. 使用路由名称代替片段，因为它似乎更可靠

Answer 1

您可以添加auth属性以路由配置并检查该配置

http://aurelia.io/docs/routing/configuration#pipelines

import {Redirect} from 'aurelia-router';

export class App {
  configureRouter(config) {
    config.addAuthorizeStep(AuthorizeStep);
    config.map([
      { route: ['', 'home'],       name: 'home',       moduleId: 'home/index' },
      { route: 'users',            name: 'users',      moduleId: 'users/index',  settings: { auth: true } },
      { route: 'users/:id/detail', name: 'userDetail', moduleId: 'users/detail', settings: { auth: true } }
    ]);
  }
}

class AuthorizeStep {
  run(navigationInstruction, next) {
    if (navigationInstruction.getAllInstructions().some(i => i.config.settings.auth)) {
      var isLoggedIn = // insert magic here;
      if (!isLoggedIn) {
        return next.cancel(new Redirect('login'));
      }
    }

    return next();
  }
}