reactjs - 将 Laravel Echo 与 React/Redux 应用程序集成

Question

我将如何将我的 Laravel Echo 服务器与我的 React/Redux 应用程序连接起来？我目前已经设置了基本的 React/Redux 应用程序，我想在其中集成 Laravel Echo。我创建了echo.js帮助文件：

import Echo from "laravel-echo"
import io from 'socket.io-client';
import authHeader from './auth-header';

export const Echo = new Echo({
    broadcaster: 'socket.io',
    host: 'http://localhost:9000',
    auth: {
        headers: {
            authHeader();
        }
    }
});

我的商店看起来像这样：

import { createStore, applyMiddleware } from 'redux';
import thunkMiddleware from 'redux-thunk';
import { createLogger } from 'redux-logger';
import rootReducer from '../_reducers';

const loggerMiddleware = createLogger();

export const store = createStore(
    rootReducer,
    applyMiddleware(
        thunkMiddleware,
        loggerMiddleware
    )
);

标签： reactjsreduxlaravel-echo