到这里为止,我们访问 localhost 地址会看到 Express 默认的欢迎页面,那么如何返回一个我们自己的页面呢。比如我们现在有一个 index.html 页面,我们需要在用户访问 localhost 时返回这个 html 页面,暂时不考虑静态文件的问题。
可以进入 app.js 文件,它现在应该长这样,
var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var index = require('./routes/index'); var users = require('./routes/users'); var app = express(); // view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'pug'); // uncomment after placing your favicon in /public //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); app.use(logger('dev')); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); app.use('https://www.jb51.net/', index); app.use('/users', users); // catch 404 and forward to error handler app.use(function(req, res, next) { var err = new Error('Not Found'); err.status = 404; next(err); }); // error handler app.use(function(err, req, res, next) { // set locals, only providing error in development res.locals.message = err.message; res.locals.error = req.app.get('env') === 'development' ? err : {}; // render the error page res.status(err.status || 500); res.render('error'); }); var server = app.listen(80, "0.0.0.0", function () { console.log("服务器IP地址:" + ip.address()); var host = server.address().address; var port = server.address().port; console.log("应用已启动,访问地址为 %s:%s", host, port) }); module.exports = app;
其中有一句是这样的
app.use('https://www.jb51.net/', index);
它的含义是当服务器程序捕获访问路径为 "https://www.jb51.net/" 的请求时,由 index 中间件进行相应处理。
在这里对于 Express 中间件网上有很好的描述
简单说,中间件(middleware)就是处理 HTTP 请求的函数。它最大的特点就是,一个中间件处理完,再传递给下一个中间件。App 实例在运行过程中,会调用一系列的中间件。 每个中间件可以从 App 实例,接收三个参数,依次为 request 对象(代表 HTTP 请求)、response 对象(代表 HTTP 回应),next 回调函数(代表下一个中间件)。每个中间件都可以对 HTTP 请求(request 对象)进行加工,并且决定是否调用next 方法,将 request 对象再传给下一个中间件。
那么 index 中间件从何而来呢?
var index = require('./routes/index');
所以我们可以去 routes 文件夹下查看 index 文件,它应该长这样
var express = require('express'); var router = express.Router(); /* GET home page. */ router.get('https://www.jb51.net/', function(req, res, next) { res.render('index', { title: 'Express' }); }); module.exports = router;
从代码注释可以看出,这里就是负责返回前面提到的 Express 欢迎页面的逻辑代码,当然它使用到了模板引擎的知识,我们不具体介绍,直接简单粗暴地实现我们的需求吧。
首先我们把 index.html 页面保存到文件目录下的 public/html 文件夹下(没有就自己创建),然后我们在 routes/index 文件中返回这个 html 页面,在这里我们将使用到文件读写方法。
var path = require('path'); res.sendFile(path.resolve('public/html/index.html'));
path 变量是 Express 中的变量,path.resolve 方法可以将传入的相对地址转换为绝对地址,这里面涉及到关于 NodeJs 文件路径的知识,不做具体介绍。
res 变量代表着服务器对于此次请求的返回对象,那么在这里相当于我们向客户端返回的是存放在 public/html/index.html 文件。
重启程序,访问 localhost,就可以看到 index.html 了。
6. 设置静态文件路径
对于 JS 和 CSS 这样的静态文件,在 Express 中都统一放置在 public 文件夹下,Express 遇到对静态文件的请求将会从 pulic 下读取并返回相应文件。
而设置这一路径的语句其实也在 app.js 中
app.use(express.static(path.join(__dirname, 'public')));
因此如果项目需要,也可以自行修改这一路经。
7. 后台运行服务器
在之前我们终端运行 npm start 的时候,应该可以看到所有访问打印的日志语句都在终端显示了,这时如果我们关闭终端,程序也将相应停止,那么如何在后台运行我们的服务器程序,并将打印的日志语句都写入到专门的日志文件呢,这里需要用到 Linux 的 nohup 命令和重定向符。
npm start 1> log 2> error
> 是linux下的重定向符。> 将会重新写入目标文件,即不保存目标文件的原始内容,如果使用 >> 则会在目标文件后面附加内容。