node.jsで画像やcssの読み込み処理を簡略化したい

Question

node.js+sokect.io+expressでお絵かき共有機能を作っております。

node.jsでjsファイルを起動させて、指定のhtmlファイルを動かしているのですが、
その際に画像やcssファイルは、apacheが起動していないからindex.htmlから読み込むことができません。
node.を使用する際は、読み込む必要があるファイルは必ず予め記述しておく必要がありますか？簡略化することは出来ますでしょうか？
もしくはapacheのように記述できる方法などありますでしょうか？（これが出来るのが一番望ましいです）
使うcssと画像ファイルの数だけ、以下のように長いコードになってしまいますので、省略できる方法を探しています。

var express = require('express')
  , http = require('http')
  , app = express()
  , server = http.createServer(app)
  , io = require('socket.io').listen(server);

server.listen(80);

app.get('/', function (req, res) {
    res.sendfile(__dirname + '/index.html');
});

//これ以下の記述をシンプルにしたい

app.get('/css/reset.css', function (req, res) {
    res.sendfile(__dirname + '/css/reset.css');
});

app.get('/css/bootstrap.min.css', function (req, res) {
    res.sendfile(__dirname + '/css/bootstrap.min.css');
});

app.get('/css/common.css', function (req, res) {
    res.sendfile(__dirname + '/css/common.css');
});

app.get('/img/top/1.png', function (req, res) {
    res.sendfile(__dirname + '/img/top/1.png');
});

app.get('/img/top/2.png', function (req, res) {
    res.sendfile(__dirname + '/img/top/2.png');
});

app.get('/img/top/3.png', function (req, res) {
    res.sendfile(__dirname + '/img/top/3.png');
});

app.get('/img/top/4.png', function (req, res) {
    res.sendfile(__dirname + '/img/top/4.png');
});

app.get('/img/top/5.png', function (req, res) {
    res.sendfile(__dirname + '/img/top/5.png');
});

app.get('/img/top/6.png', function (req, res) {
    res.sendfile(__dirname + '/img/top/6.png');
});

app.get('/img/top/7.png', function (req, res) {
    res.sendfile(__dirname + '/img/top/7.png');
});

app.get('/img/top/8.png', function (req, res) {
    res.sendfile(__dirname + '/img/top/8.png');
});

app.get('/img/top/9.png', function (req, res) {
    res.sendfile(__dirname + '/img/top/9.png');
});
 

コードか、参考サイトでご教示いただければ理解しやすいです。
よろしくお願いします。

Answer 1

static ミドルウェアが使えます。

var express = require('express')
  , http = require('http')
  , app = express()
  , server = http.createServer(app)
  , io = require('socket.io').listen(server);

server.listen(80);

app.get('/', function (req, res) {
    res.sendfile(__dirname + '/index.html');
});

app.use('/css', express.static('css'));
app.use('/img', express.static('img'));

Serving static files in Express

Comments

[sanset]

ご連絡遅れて申し訳ありません。
素早く分かりやすい解答をありがとうございます。無事動作確認できました。
また何かございましたらよろしくお願い致します。

Answer 2

app.use(express.static('public')); と記述することで、 public ディレクトリ以下のファイルやディレクトリをそのまま配信することができます。

たとえば public/css/reset.css を配置すると http://yourdomain.com/css/reset.css からアクセスできます。（URL には public を含まないことに注意してください）

この設定は複数のディレクトリについて記述できます：

app.use(express.static('public'));
app.use(express.static('files'));

また URL のパスのプレフィクスを指定できます：

app.use('/static', express.static('public'));
// public/css/reset.css にアクセスするには
// http://yourdomain.com/static/css/reset.css

詳しくは Express のドキュメントを参照してください： Serving static files in Express

Comments

[sanset]

ご連絡遅れて申し訳ありません。
素早く分かりやすい解答をありがとうございます。
お二人に解答を頂きまして、どちらも大変参考にさせていただけたのですが、
ベストアンサーは1名にしかつけれないため、先に解答頂いた方に付けさせていただきました、申し訳ございません。
また何かございましたらよろしくお願い致します。