Full-Stack React Projects - Second Edition

Trying out the integration

If we set up an Express route in the MERN application to return the index.html file in the response, then visiting the route in the browser will render the React 360 game. To test out this integration, we can set up an example route, as follows:

router.route('/game/play')   .get((req, res) => {      res.sendFile(process.cwd()+'/server/vr/index.html') }) 

This declares a GET route in the '/game/play' path, which will simply return the index.html file that we placed in the vr folder with the server code, in response to the requesting client.

Then, we can run the MERN server and open this route in the browser at localhost:3000/game/play. This should render the complete React 360 game implemented in this chapter from within ...