我正在用妄语在流星中开发应用程序。这是users
模块的routes.jsx。我希望能够在其他模块的操作和路由中使用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 />)
});
}
});
}
我一直在/clients/modules/core/libs/
中定义共享函数并在任何地方使用它。当您在模块之外使用该函数时,我会破坏封装core
但我还没有找到更好的方法。如果您知道一个,请告诉我。
此外,在触发器中重定向和身份验证输入被视为反模式。
这是我的开源Mantra应用程序Vym的一个真实示例。看到那里的位:
-
https://github.com/vymio/vym/blob/aaa7b97786170ae0a5cad2229e4370744850e261/client/modules/core/containers/home.js#L16
-
https://github.com/vymio/vym/blob/master/client/modules/core/libs/auth.js#L4-L14
如果您想查看更多内容,可以在此处找到该存储库。
您还可以使用此可重用的身份验证编辑器并在组件级别处理身份验证。