[QUESTION] - How can I integrate Express into this starter kit?

Hey Cory

Coming from your React/Redux PluralSight course, I appreciated the integration with Express as it would allow me to setup /proxy routes for private requests that won’t exist within our services, e.g. if I wanted to add these sort of auth paths to this sample:

https://github.com/auth0-blog/nodejs-jwt-authentication-sample/blob/master/user-routes.js

However, I’m not certain how I can control server-side routing with react-slingshot, and I don’t love the idea of generating a separate application to deal with the highly coupled proxy requests I’d likely need for performing secure operations.

Or maybe I’m thinking about this wrong. I’m having trouble wrapping my head around the separation between client and server requests, and how the front-end (bundle.js) would handle a request that the server could respond to.

Thanks for any help!

[yagamicoder]

I managed to get Express working in my app by using this code:

import historyApiFallback from 'connect-history-api-fallback';
import webpack from 'webpack';
import webpackDevMiddleware from 'webpack-dev-middleware';
import webpackHotMiddleware from 'webpack-hot-middleware';
import {chalkSuccess} from './chalkConfig';
import config from '../webpack.config.dev';
import express from 'express';
import http from 'http';

const bundler = webpack(config);
const app = express();
const server = http.createServer(app);
console.log(chalkSuccess('Starting Express server...'));

app.use(express.static('src/*.html'));
app.use(historyApiFallback());
app.use(webpackHotMiddleware(bundler));
app.use(webpackDevMiddleware(bundler, {
    // Dev middleware can't access config, so we provide publicPath
    publicPath: config.output.publicPath,

    // These settings suppress noisy webpack output so only errors are displayed to the console.
    noInfo: false,
    quiet: false,
    stats: {
      assets: false,
      colors: true,
      version: false,
      hash: false,
      timings: false,
      chunks: false,
      chunkModules: false
    },

    // for other settings see
    // http://webpack.github.io/docs/webpack-dev-middleware.html
}));
server.listen(3000);
console.log(chalkSuccess('Express server is listening on port: ' + server.address().port));

Hopefully this helps someone out there.

Michael

[iwoork]

@spartan082189 where did you put that code and how to run it? thanks.