0

node.js でオンザフライでページ (ルート) を作成することはできますか?

create-route.html ファイル ( localhost:4001/create-route ) のフォームに単純なテキスト入力があり、「my-page」と入力すると、URL を含む新しいビューに移動します。成功メッセージを表示する localhost:4001/my-page の

クライアントが createServer オブジェクトにアクセスして操作することを許可するノード モジュールも不明であるため、これが可能かどうかはよくわかりません。'Express' を見回すことはルーティングでよく参照されますが、フレームワークを見る前に Node だけでこれが可能かどうかを知りたいと思っています。

どんな助けでも大歓迎です、ありがとう。

webserver.js

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

// declare http object
server = http.createServer(function(req,res){

  // parse the pathname as a url, get the trimmed route from the request
  var path = url.parse(req.url).pathname;

  // handle the various routes
  switch(path){

    case '/':
      fs.readFile(__dirname + '/index.html', function (err, data) {
        if (err) throw err;
        res.writeHead(200, {'Content-Type': 'text/html'});
        res.write(data, 'utf8');
        res.end();
      });


    case '/create-route':
        fs.readFile(__dirname + '/create-route.html', function (err, data) {
        if (err) throw err;
        res.writeHead(200, {'Content-Type': 'text/html'});
        res.write(data, 'utf8');
        res.end();
    });

    // example of dynamically created 'route'
    // "value' indicates the name that was inputted into the for on create-route.html, which in this case should be "my-page"

    case '/value':
        if (err) {throw err;}
        var body = "<html>" + 
            "<head>" +
            "<meta http-equiv='Content-Type' content='text/html'" +
            "charset=UTF-8 />" +
            "</head>" +
            "<body>" +
            "<p>youve just created a page called " + value + "</p>" +
            "</body>" +
            "</html>";
        res.writeHead(200, {"Content-Type": "text/html"});
        res.write(body);
        res.end();
    });

    break;

    default: send404(res);
  }
});

create-route.html

<html>
<head>
    <title>Create a route</title>
</head>
<body>
    <form action="/go-to-the-created-route">
        <label>Enter a route name:</label>
        <input type="text" name="create-route" id="create-route">
        <button type="submit">Submit</button>
    </form>
</body>
</html>

フィードバックに従って更新されたルート

@penartur フィードバックに従って更新された「go-to-created-route」ルートを次に示します。

// Define the go-to-created-route
routes["go-to-created-route"] = function (req, res) {

// get the request url and split it to get the inputted value
var reqPath = req.url;
var splitPath = reqPath.split("=");
var routeName = splitPath[(splitPath.length - 1)]; // outputs the value entered into text input
//console.log(routeName); 

// create the new route by passing in the value of routeName, and display a page
routes[routeName] = function (req, res) {

// Not getting in here :(
    console.log("hello?");

    var body = "<html>" + 
        "<head>" +
        "<meta http-equiv='Content-Type' content='text/html'" +
        "charset=UTF-8 />" +
        "</head>" +
        "<body>" +
        "<p>youve just created a page called " + routeName + "</p>" +
        "</body>" +
        "</html>";
     res.writeHead(200, {"Content-Type": "text/html"});
     res.write(body);
     res.end();
};
};
4

2 に答える 2

1

これは単純なプログラミングの問題であり、特定のNode.jsとはあまり関係がありません。ソリューションのドラフト：

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

var routes = {};

routes["create-route"] = function (req, res) {
    fs.readFile(__dirname + '/create-route.html', function (err, data) {
        if (err) throw err;
        res.writeHead(200, {'Content-Type': 'text/html'});
        res.write(data, 'utf8');
        res.end();
    });
};

routes["go-to-the-created-route"] = function (req, res) {
    var routeName = req.body["create-route"];
    routes[routeName] = function (req, res) {
        var body = "<html>" + 
            "<head>" +
            "<meta http-equiv='Content-Type' content='text/html'" +
            "charset=UTF-8 />" +
            "</head>" +
            "<body>" +
            "<p>youve just created a page called " + routeName + "</p>" +
            "</body>" +
            "</html>";
        res.writeHead(200, {"Content-Type": "text/html"});
        res.write(body);
        res.end();
    };
};

// declare http object
server = http.createServer(function(req,res){

    // parse the pathname as a url, get the trimmed route from the request
    var path = url.parse(req.url).pathname;

    var firstPart = path.split('/')[1];
    if (routes.hasOwnProperty(firstPart)) {
        routes[firstPart](req, res);
    } else {
        send404(res);
    }
});
于 2012-07-30T05:12:54.430 に答える