創(chuàng)建一個登錄驗證中間件
createLoginMiddleware.js
import {NavigationActions} from "react-navigation"
function createLoginMiddleware() {
return ({dispatch, getState}) => next => action => {
// 判斷action type是否為NAVIGATE類型 并且是需要驗證的頁面
if (action.type == NavigationActions.NAVIGATE && (action.routeName == 'Trade' || action.routeName == 'LiveTelecast')) {
const state = getState()
let appLoginState = state.getIn(['loginState', 'appLoginState']);
// 判斷登錄狀態(tài)
if (!appLoginState) {
// 沒有登錄者跳轉(zhuǎn)到登錄頁面
dispatch({type: NavigationActions.NAVIGATE, routeName: 'AppLogin'})
return
}
}
return next(action)
}
}
export default createLoginMiddleware
添加中間件
configureStore.prod.js
import { createStore, applyMiddleware, compose } from 'redux'
import thunk from 'redux-thunk'
import { Map } from 'immutable'
import { socket } from './io'
import createSocketIoMiddleware from './socketIo'
import createLoginMiddleware from './loginMiddleware'
import getReducers from '../reducers/index'
// socket中間件
const socketMiddleware = createSocketIoMiddleware(socket)
// 登錄驗證中間件
const loginMiddleware = createLoginMiddleware()
function configureStore(navReducer, initialState = Map()) {
let enhancer = compose(
applyMiddleware(socketMiddleware, loginMiddleware, thunk)
)
return createStore(getReducers(navReducer), initialState, enhancer)
}
export default configureStore
