javascript - 流星与咒语。横切关注点

Question

我正在用咒语在流星中开发应用程序。这是一个 routes.jsx 的users模块。我希望能够在其他模块的操作和路由中使用requireLogin和。redirectUsers或者一般来说，我如何在不违反咒语架构的情况下处理横切关注点？

import React from 'react';
import {mount} from 'react-mounter';

import Login from './containers/login';
import Register from './containers/register';
import App from '/client/modules/core/components/app.jsx';

export default function (injectDeps,{FlowRouter,Meteor,LocalState}) {
  let userRoutes = FlowRouter.group({
    prefix:'/user',
    name:'user'
  });

  const AppCtx = injectDeps(App);

  const redirectUsers = () => {
      if(Meteor.userId()){
        const path = LocalState.get('INTERRUPTED_REQUEST_PATH')
          ? LocalState.get('INTERRUPTED_REQUEST_PATH') : '/joke/';
        FlowRouter.go(path);
        return;
      }
  }

  const requireLogin = (path) => {
      if(!Meteor.userId()){
          LocalState.set('INTERRUPTED_REQUEST_PATH',path);
          FlowRouter.go('/user/login');
        return;
      }
  }

  userRoutes.route('/', {
    triggersEnter: [(context,redirect) => {
      if(!Meteor.userId()){
         requireLogin('/user/login');
      }
    }],
    action() {
    }
  });

  userRoutes.route('/login',{
    triggersEnter: [(context,redirect) => {
      redirectUsers();
    }],
    action() {
      mount(AppCtx, { 
        content: () => (<Login />)
      });
    }
  });
}

score 1 · Accepted Answer

我一直在定义共享函数/clients/modules/core/libs/并在任何地方使用它。当您在模块外使用函数时，我打破了封装，core但我还没有找到更好的方法。如果你知道，请告诉我。

此外，triggersEnter 中的重定向和身份验证被认为是反模式。

这是我的开源 Mantra 应用程序Vym中的一个真实示例。看那里的位：

如果您想查看更多内容，可以在此处获得该 repo 。

您还可以使用这个可重用的身份验证编写器并在组件级别处理身份验证。

javascript - 流星与咒语。横切关注点

1 回答 1

Related

Reference