1

私はマントラを使って流星でアプリケーションを開発しています。usersモジュールのroutes.jsxです。requireLoginandredirectUsersを他のモジュールのアクションとルートで使用できるようにしたいです。または、一般的に、マントラのアーキテクチャに違反することなく、横断的な懸念にどのように対処すればよいでしょうか?

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 />)
      });
    }
  });
}
4

1 に答える 1

1

私は共有関数を定義し/clients/modules/core/libs/、どこでも使用しています。モジュール外で関数を使用するとカプセル化が解除されcoreますが、より良い方法が見つかりません。知っている人がいたら教えてください。

また、triggersEnter でのリダイレクトと認証はアンチパターンと見なされます。

これは、私のオープン ソースの Mantra アプリVymの実際の例です。そこにあるビットを参照してください：

もっと見たい場合は、ここでレポを入手できます。

この再利用可能な認証コンポーザを使用して、コンポーネント レベルで認証を処理することもできます。

于 2016-04-21T01:53:48.543 に答える