nodejsでドキュメントルートの指定がしたい

Question

前提・実現したいこと

nodejsの勉強のためシンプルなwebサーバー作りに挑戦しています。

├── README.md
├── config.js
├── htdocs
│   ├── about
│   │   └── index.html
│   ├── assets
│   │   ├── css
│   │   │   └── style.css
│   │   ├── img
│   │   └── js
│   ├── company
│   │   └── index.html
│   └── index.html
└── script.js

現在上記の構成で、とりあえずhtdocsをドキュメントルートとしてnodejsを書いていきたいと考えています。

最終的には以下を目標としてサーバーを作っていきたいです。

• アクセスしたときにいろんなタイプのファイルをきちんと表示できる
• DBとの連携
• EXPRESSは使わない

初投稿ですが、アドバイスよろしくお願いいたします。

該当のソースコード

//Web サーバーが Listen する IP アドレス 
var LISTEN_IP = '127.0.0.1';
//Web サーバーが Listen する ポート 
var LISTEN_PORT = 3000;
//ファイル名が指定されない場合に返す既定のファイル名 
var DEFAULT_FILE = "index.html";

var http = require('http'),
    fs = require('fs');

//拡張子を抽出 
function getExtension(fileName) {
    var fileNameLength = fileName.length;
    var dotPoint = fileName.indexOf('.', fileNameLength - 5);
    var extn = fileName.substring(dotPoint + 1, fileNameLength);
    return extn;
}

//content-type を指定 
function getContentType(fileName) {
    var extentsion = getExtension(fileName).toLowerCase();
    var contentType = {
        'html': 'text/html',
        'htm': 'text/htm',
        'css': 'text/css',
        'js': 'text/javaScript; charset=utf-8',
        'json': 'application/json; charset=utf-8',
        'xml': 'application/xml; charset=utf-8',
        'jpeg': 'image/jpeg',
        'jpg': 'image/jpg',
        'gif': 'image/gif',
        'png': 'image/png',
        'mp3': 'audio/mp3',
    };
    var contentType_value = contentType[extentsion];
    if (contentType_value === undefined) {
        contentType_value = 'text/plain';
    };
    return contentType_value;
}

//Web サーバーのロジック 
var server = http.createServer();
server.on('request',
    function (request, response) {
        console.log('Requested Url:' + request.url);
        var requestedFile = request.url;
        requestedFile = (requestedFile.substring(requestedFile.length - 1, 1) === '/') ? requestedFile + DEFAULT_FILE : requestedFile;
        console.log('Handle Url:' + requestedFile);
        console.log('File Extention:' + getExtension(requestedFile));
        console.log('Content-Type:' + getContentType(requestedFile));
        fs.readFile('/htdocs' + requestedFile, 'binary', function (err, data) {
            if (err) {
                response.writeHead(404, {
                    'Content-Type': 'text/plain'
                });
                response.write('not found\n');
                response.end();
            } else {
                response.writeHead(200, {
                    'Content-Type': getContentType(requestedFile)
                });
                response.write(data, "binary");
                response.end();
            }
        });
    }
);

server.listen(LISTEN_PORT, LISTEN_IP);
console.log('Server running at http://' + LISTEN_IP + ':' + LISTEN_PORT);

https://blogs.msdn.microsoft.com/osamum/2015/05/29/web-node-js-web/
↑こちらから拝借したコードです。

試したこと

var requestedFile = request.url;を
var requestedFile = '/htdocs' + request.url;に変更したり
他の箇所に'/htdocs'を追加したりしたのですが、イマイチうまくいきませんでした。

補足情報（FW/ツールのバージョンなど）

terminalよりnode script.jsのコマンドでローカルサーバーを起動?しています。
どこかのサイトにはnodejsにはdocumentrootの概念がない、と書かれていました。
こういった問題は、nodejsではなくapatchやnginxなどで解決させるものなのでしょうか？

サーバーの勉強を始めたばかりで、無知でお恥ずかしいのですが、どうぞよろしくお願いいたします。

Answer 1

どこかのサイトにはnodejsにはdocumentrootの概念がない、と書かれていました。

ドキュメントルートというのは、ApacheやNginx等といったソフトウェアで閉じた概念です。
http://example.com/の/パスを、
ローカルマシンの/var/www/htmlディレクトリに紐づけて静的ファイルを返すようにすれば分かりやすいよねって言ってるだけです。

なのでスクリプト言語にドキュメントルートという概念は存在しません。
Node.jsにもありませんし、PHPやPython、Rubyにもありません。

fs.readFile('/htdocs' + requestedFile, 'binary', function (err, data) {
var requestedFile = request.url;を var requestedFile = '/htdocs' + request.url;に変更したり

今回の件はそれとは全く別問題で、単にパスの指定方法を誤ってるだけです。

fs.readFile('/htdocs'で始まっていますが、
Unix/Linuxのパスは/始まりの場合はマシン内のrootディレクトリから探しに行きます。

fs.readFile('./htdocs'の様に、
カレントディレクトリを示す./始まりにすることで動作するでしょう。
ただし、./の.はNode.jsを実行した時のカレントディレクトリはコマンドを打ち込んだディレクトリです。

ファイルを示す__dirnameを起点とするか、
npm startコマンドに仕込んで確実にpackage.jsonの階層から始まるようにするというルールを作る必要があります。
fs.readFile(__dirname + '/htdocs' + ...で一度試してみて下さい。

Comments

[mametaro3]

ありがとうございます！ 早い返信で助かりました。
なるほど。お家に帰ってからもう一度試してみます。本当に助かりました。