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 the MERN-based web application.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset