Node.js 入門 (2) Webサーバ

Node入門 2022年2月19日

　別に表示するHTMLファイルを用意し、それを読み込んで表示するように変更する。

表示するhello.htmlの内容

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta http-equiv="content-type"
        content="text/html; charset=UTF-8">
    <title>sample</title>
    <style>
    body { font-size:12pt; color:#006666; }
    h1 { font-size:18pt; background-color:#AAFFFF; }
    pre { background-color:#EEEEEE; }
    </style>
</head>
<body>
    <header>
        <h1 id="h1">Sample Page</h1>
    </header>
    <div role="main">
        <p>これはNode.jsのサンプルページです。</p>
    </div>
</body>
</html>

server2.jsスクリプト

var http = require('http');
var fs = require('fs'); //fsオブジェクトの読み込み
 
var server = http.createServer();
server.on('request', doRequest);
server.listen(8888);
console.log('サーバー動作中');
 
// リクエストの処理
function doRequest(req, res) {
//ファイルの読み込みは非同期で行われ
//fs.readFile( ファイルのパス , エンコード , コールバック関数 )
//コールバックには(err, data)の2つの引数が渡され、dataにはファイルの中味が入る。 
    fs.readFile('./hello.html', 'UTF-8', 
        function(err, data) {
            res.writeHead(200, {'Content-Type': 'text/html'});
            res.write(data);
            res.end();
        });
}

参考：Node.js