Question

是否可以使用node.js动态创建页面（路径）？

假设我在create-route.html文件（localhost：4001 / create-route）上的表单中有一个简单的文本输入，我输入“my-page”，这将带我进入一个新视图，其中localhost：4001 / my-page的url显示成功消息。

我不确定这是否可行，因为我也不确定哪些节点模块允许客户端访问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);
  }
});

创建-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();
};
};

Answer 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);
    }
});

Answer 2

var http = require('http');

http.createServer(function(req,res){

var path = req.url.replace(/\/?(?:\?.*)?$/, '').toLowerCase();

switch(path) {
    case '':
        res.writeHead(200, { 'Content-Type': 'text/plain' });
        res.end('Homepage');
        break;
    case '/getapi':
        res.writeHead(200, { 'Content-Type': 'text/html' });
        res.end('<div>Hello world!</div>');
    break;
    default:
        res.writeHead(404, { 'Content-Type': 'text/html' });
        res.end('Not Found');
    break;
}

}).listen(4000);

使用node.js动态创建页面/路由

2 个答案: