Sending whole folder content to client with express

by

You will not be able to send multiple file like that with res.sendFile. The most straightforward thing that you can do here would be this:

Put your index.html file and your html5game directory into some common directory, e.g. called html and put it where you have your Node.js program. An example directory layout would be:

/home/you/yourapp:
- app.js (your node program)
- package.json (your package.json etc)
- html (a new directory)
  - index.html (your main html to serve)
  - html5game (the directory with other files)
    - (other files)

Now, in your Node program you can use something like this:

var path = require('path');
var express = require('express');
var app = express();

var htmlPath = path.join(__dirname, 'html');

app.use(express.static(htmlPath));

var server = app.listen(3000, function () {
    var host="localhost";
    var port = server.address().port;
    console.log('listening on http://'+host+':'+port+"https://stackoverflow.com/");
});

This will serve all of your files (including index.html) on addresses like:

Of course you still need to make sure that you refer to your assets in your index.html file correctly, for example with:

<script src="https://stackoverflow.com/html5game/xxx.js"></script>

in the case of the example layout above.

The top level directory with your static assets (where you have your index.html) is usually called static, public or html but you can call it whatever you like, as long as you use the correct path in your call to express.static().

If you want to have your game available in some path other than the root path then you can specify it to app.use. For example if you change this:

app.use(express.static(htmlPath));

to this:

app.use('/game', express.static(htmlPath));

Then instead of those URLs:

those URLs will be available instead:

A lot of questions here are related to serving static files with Express so I made a working example and posted it on GitHub so that people could have a working starting point and go from there:

See also some other answers where I talk about it in more detail:

More Related Contents:

  1. What is the most efficient medium for both Node.js and Javascript to read and write a file?
  2. Error: Can’t set headers after they are sent to the client
  3. Download a file from NodeJS Server using Express
  4. How to properly reuse connection to Mongodb across NodeJs application and modules
  5. Make Axios send cookies in its requests automatically
  6. Start script missing error when running npm start
  7. HTTP GET Request in Node.js Express
  8. SyntaxError: Unexpected token function – Async Await Nodejs
  9. How do you send images to node js with Axios?
  10. Why cant I inline call to res.json?
  11. How do sessions work in Express.js with Node.js?
  12. How do I get the domain originating the request in express.js?
  13. Running an Express server middleware alongside Nuxt
  14. How to disable Express BodyParser for file uploads (Node.js)
  15. How to close electron app via javascript?
  16. How to get data passed from a form in Express (Node.js)
  17. how express forming the img URL
  18. how to get request path with express req object
  19. How do I stream response in express?
  20. Using Express Handlebars and Angular JS
  21. What does “res.render” do, and what does the html file look like?
  22. Piping remote file in ExpressJS
  23. multer – req.file always undefined
  24. How to decipher string in node js which is encrypted in crypto js in javascript
  25. What do “module.exports” and “exports.methods” mean in NodeJS / Express?
  26. In Node.js/Express, how do I automatically add this header to every “render” response?
  27. Sessions won’t save in Node.js without req.session.save()
  28. node.js, express, how to get data from body form-data in post request
  29. Changing a buffer from a ReadStream into an actual file
  30. How to structure a express.js application?

Leave a Comment