一部のファイルが存在する場合に表示
概要
パスのファイルが存在する場合に指定のヘッダーを付与して表示させる
サンプル
index.js
// サーバ、ルーティング、リクエストメソッドのモジュールを読み込み
var server = require("./server");
var router = require("./router");
var request = require("./request");
var requestHandlers = require("./requestHandlers");
// リクエストのハンドラを設定
var handle = {}
handle["/"] = requestHandlers.start;
handle["/start"] = requestHandlers.start;
handle["/upload"] = requestHandlers.upload;
handle["/view1"] = requestHandlers.view1;
// ハンドラパラメータを追加
server.start(router.route, handle, request);
server.js
var http = require("http");
var url = require("url");
var util = require('util');
var formidable = require("formidable");
var sys = require('sys');
qs = require('querystring');
function start(route, handle, param) {
function onRequest(request, response) {
var pathname = url.parse(request.url).pathname;
var query = url.parse(request.url, true).query;
console.log("Request for " + pathname + " received.");
console.log("Request for RequestString = " + query + " received.");
console.log("");
// queryStringよりGETパラメータを取得
var _req_data = {};
_req_data.get = query;
_req_data.post = null;
_req_data.file = null;
// form情報よりPOSTパラメータを取得
var form = new formidable.IncomingForm();
// upload先を指定
form.uploadDir = 'd:/temp';
// パース
form.parse(request, function(err, fields, files) {
_req_data.post = fields;
_req_data.file = files;
console.log('received upload:\n\n');
console.log(sys.inspect({get: _req_data.get,
post: _req_data.post,
file: _req_data.file}));
// ルーティング
route(handle, pathname, response, request, _req_data);
});
}
http.createServer(onRequest).listen(8888);
console.log("Server has started.");
}
exports.start = start;
router.js
var fs = require("fs");
var path = require("path");
function route(handle, pathname, response, request, _req_data) {
console.log("About to route a request for " + pathname);
if (typeof handle[pathname] === 'function') {
handle[pathname](response, request, _req_data);
} else {
var _path = "." + pathname;
var file_exists = path.existsSync(_path);
if(file_exists){
// 拡張子取得
var ext = "";
var n = 0;
if ((n = _path.lastIndexOf(".")) != -1) {
ext = _path.substring(n+1);
}
// ファイルを読み込み
fs.readFile(_path, "binary", function(error, file) {
if(error) {
response.writeHead(500, {"Content-Type": "text/plain"});
response.write(error + "\n");
response.end();
} else {
console.log(_path);
// 拡張子に合わせて対応
if(ext == "jpg" || ext == "jpeg"){
response.writeHead(200, {"Content-Type": "image/jpeg"});
}else if(ext == "gif"){
response.writeHead(200, {"Content-Type": "image/gif"});
}else if(ext == "png"){
response.writeHead(200, {"Content-Type": "image/png"});
}else if(ext == "htm" || ext == "html"){
response.writeHead(200, {"Content-Type": "text/html"});
}else if(ext == "css"){
response.writeHead(200, {"Content-Type": "text/css"});
}else if(ext == "js"){
response.writeHead(200, {"Content-Type": "text/javascript"});
}else{
response.writeHead(200, {"Content-Type": "text/plain"});
}
// 出力
response.write(file, "binary");
response.end();
}
});
}else{
console.log("No request handler found for " + pathname);
response.writeHead(404, {"Content-Type": "text/plain"});
response.write("404 Not found");
response.end();
}
}
}
exports.route = route;
requestHandlers.js
var querystring = require("querystring");
var fs = require("fs");
var sys = require('sys');
var exec = require("child_process").exec;
function start(response, request, _req_data) {
console.log("Request handler 'start' was called.");
var body = '<html>'+
'<head>'+
'<meta http-equiv="Content-Type" content="text/html; '+
'charset=UTF-8" />'+
'</head>'+
'<body>'+
'<form action="/upload?zzz=111&xxx=666" method="post" enctype="multipart/form-data">'+
' <input type="text" name="text1" /><br />'+
' <input type="text" name="text2" /><br />'+
' <input type="text" name="text3[aaa]" /><br />'+
' <input type="text" name="text3[bbb]" /><br />'+
' <input type="checkbox" name="text4" checked/><br />'+
' <input type="file" name="upload1" /><br />'+
' <input type="file" name="upload2" /><br />'+
' <input type="submit" value="upload submit" />'+
'</form>'+
'<br />'+
'<form action="/view1" method="post" >'+
' <input type="text" name="text1" /><br />'+
' <input type="text" name="text2" /><br />'+
' <input type="submit" value="view1 submit" />'+
'</form>'+
'</body>'+
'</html>';
response.writeHead(200, {"Content-Type": "text/html"});
response.write(body);
response.end();
}
function upload(response, request, _req_data) {
console.log("Request handler 'upload' was called.");
var _upload2 = _req_data.file.upload2;
var _upload_path = "./" + _upload2.name;
console.log(_upload_path);
// ファイル移動
fs.rename(_upload2.path, _upload_path, function(err) {
if (err) {
fs.unlink(_upload_path);
fs.rename(_upload2.path, _upload_path);
}
});
//
response.writeHead(200, {"Content-Type": "text/plain"});
response.write("Hello Upload");
response.end();
}
function view1(response, request, _req_data) {
console.log("Request handler 'start' was called.");
var body = '<html>'+
'<head>'+
'<meta http-equiv="Content-Type" content="text/html; '+
'charset=UTF-8" />'+
'</head>'+
'<body>'+
'<form action="/start" method="post" >'+
' <input type="text" name="text1" /><br />'+
' <input type="text" name="text2" /><br />'+
' <input type="submit" value="start submit" />'+
'</form>'+
'<br />'+
'</body>'+
'</html>';
response.writeHead(200, {"Content-Type": "text/html"});
response.write(body);
response.end();
}
exports.start = start;
exports.upload = upload;
exports.view1 = view1;
request.js
function req_data(queryString) {
var _param = {};
// リクエストを取得
var _list = (new String(queryString)).split('&');
for(var _key in _list){
var _col = _list[_key].split("=");
_param[_col[0]] = _col[1];
}
return _param;
}
exports.req_data = req_data;
結果
コマンド
D:\Tools\Works\nodejs_test\sample11>node index.js
Server has started.
Request for /sample.htm received.
Request for RequestString = [object Object] received.
received upload:
{ get: {}, post: {}, file: {} }
About to route a request for /sample.htm
path.existsSync is now called `fs.existsSync`.
./sample.htm
Request for /css/sample.css received.
Request for RequestString = [object Object] received.
received upload:
{ get: {}, post: {}, file: {} }
About to route a request for /css/sample.css
Request for /js/sample.js received.
Request for RequestString = [object Object] received.
received upload:
{ get: {}, post: {}, file: {} }
About to route a request for /js/sample.js
./css/sample.css
./js/sample.js
Request for /0001.jpg received.
Request for RequestString = [object Object] received.
received upload:
{ get: {}, post: {}, file: {} }
About to route a request for /0001.jpg
./0001.jpg
Request for /favicon.ico received.
Request for RequestString = [object Object] received.
received upload:
{ get: {}, post: {}, file: {} }
About to route a request for /favicon.ico
No request handler found for /favicon.ico
画面
htmlやcss、jsを各リクエストで表示させる
最終更新：2013年03月27日 22:25
