node.jsで建てたサーバー内にある画像にアクセスする方法

Question

初歩的な質問かと思いますが、ご教示頂けますと幸いです。
node.jsでサーバーを建てています。
サーバーと同じフォルダの中にimagesフォルダを作成して、そのフォルダ内に画像ファイルを入れています。

サーバーを起動させている状態で、ブラウザからその画像ファイルにアクセスするにはどうすればいいのでしょうか？
サーバーを起動した時点で、その画像ファイルにアクセスするURLが決まっているのでしょうか？

フォルダ構成は以下のようになっております。

serverフォルダ
ーserver.js
ーimagesフォルダ
ーーxxx.png
ーーxxx.jpg
ーnode.moduleフォルダ

Answer 1

server.js
で
app.use(serveStatic(__dirname + '/'))
などの記述がありましたらそこからのURLでアクセスできます
例

ーserver.js
ーweb
ーーimagesフォルダ
ーーーxxx.png
ーーーxxx.jpg
ーnode.moduleフォルダ

var serveStatic = require('serve-static')
app.use(serveStatic(__dirname + '/web'))

/images/xxx.png
でアクセスできます

Comments

[niship]

data様
ご回答有難う御座います。
app.useのappはexpressのことでしょうか？
expressを導入していなかったので、導入してから、
server.js内に、
var express = require('express');
var app = express();
var serveStatic = require('serve-static');
app.use(serveStatic(__dirname + '/web'));

と記述しました。
サーバーを起動したのちに、
http://IPアドレス:ポート番号/images/xxx.png　のurlでは、画像が表示されないのですが、
どこが間違っているのか、わかりません。
ご教示頂けますと幸いです。

Answer 2

この記事を参考にしてください。

• Express での静的ファイルの提供 - Express日本語翻訳版
• 4.x API - Express公式

これで行けるか確認してみてください。

// server.js
var express = require('express');

app = express();
app.use('/images', express.static(__dirname + '/images'));
app.listen(3000);

---

Q. なぜこんな事を書かないといけないの？
A. Apacheじゃないからです。

Apacheは根っこの目的が静的ファイルを配布するWebサーバーアプリです。
「ApacheでこのディレクトリとURLを紐付けるよ」と設定しておけば、
あとはApacheがよしなにファイルを探して配布してくれるわけですね。

しかもキャッシュ機能やPHPモジュールやCGIを裏で起動してよしなにやってくれる便利機能付き。
なのでPHPのWebサーバーはあんなに簡単に立ち上げられるわけです。

Comments

[niship]

miyabi-san様、とても丁寧にご回答頂き、有難う御座います。