美文网首页我爱编程
Express基础到源码分析

Express基础到源码分析

作者: Gukson666 | 来源:发表于2018-04-09 15:56 被阅读0次

    express 项目 最好不要全局安装 直接在当前目录下 npm install express --save
    或者使用生成器 npm install express-generator -g
    然后express -h查看是否成功
    利用express myapp创建 myapp项目
    进入myapp文件夹 npm install 安装依赖项
    npm start 启动 express 项目
    实战项目可以参考我Github上的小项目,可以继续在该项目上继续添加功能,顺手给个Star呗,Thanks.


    路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET、POST 等)组成的,涉及到应用如何响应客户端对某个网站节点的访问。每一个路由都可以有一个或者多个处理器函数,当匹配到路由时,这些函数将被执行。

    路由的定义由如下结构组成:
    app.METHOD(PATH, HANDLER)

    • app 是一个 express 实例
    • METHOD 是某个HTTP 请求方式中的一个
    • PATH 是服务器端的路径
    • HANDLER 是当路由匹配到时需要执行的函数
    // 对网站首页的访问返回 "Hello World!" 字样
    app.get('/', function (req, res) {
      res.send('Hello World!');
    });
    
    // 网站首页接受 POST 请求
    app.post('/', function (req, res) {
      res.send('Got a POST request');
    });
    

    Express 内置的 express.static 可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。

    将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如,假设在 public 目录放置了图片、CSS 和 JavaScript 文件,你就可以:app.use(express.static('public'));
    如果你的静态资源存放在多个目录下面,你可以多次调用 express.static 中间件:

    app.use(express.static('public'));
    app.use(express.static('files'));
    

    app.all() 是一个特殊的路由方法,没有任何 HTTP 方法与其对应,它的作用是对于一个路径上的所有请求加载中间件。

    app.all('/secret', function (req, res, next) {
      console.log('Accessing the secret section ...');
      next(); // pass control to the next handler
    });
    

    路由路径和请求方法一起定义了请求的端点,它可以是字符串、字符串模式或者正则表达式。

    字符串:
    // 匹配 /about 路径的请求
    app.get('/about', function (req, res) {
      res.send('about');
    });
    
    // 匹配 /random.text 路径的请求
    app.get('/random.text', function (req, res) {
      res.send('random.text');
    });
    
    字符串模式:
    // 匹配 abcd、abxcd、abRABDOMcd、ab123cd等
    app.get('/ab*cd', function(req, res) {
      res.send('ab*cd');
    });
    // 匹配 /abe 和 /abcde
    app.get('/ab(cd)?e', function(req, res) {
     res.send('ab(cd)?e');
    });
    
    正则:
    // 匹配 butterfly、dragonfly,不匹配 butterflyman、dragonfly man等
    app.get(/.*fly$/, function(req, res) {
      res.send('/.*fly$/');
    });
    
    路由句柄

    可以为请求处理提供多个回调函数,其行为类似中间件。唯一的区别是这些回调函数有可能调用 next('route') 方法而略过其他路由回调函数。可以利用该机制为路由定义前提条件,如果在现有路径上继续执行没有意义,则可将控制权交给剩下的路径。
    路由句柄有多种形式,可以是一个函数、一个函数数组,或者是两者混合,如下:

    var cb0 = function (req, res, next) {
      console.log('CB0');
      next();
    }
    
    var cb1 = function (req, res, next) {
      console.log('CB1');
      next();
    }
    
    app.get('/example/d', [cb0, cb1], function (req, res, next) {
      console.log('response will be sent by the next function ...');
      next();
    }, function (req, res) {
      res.send('Hello from D!');
    });
    
    响应方法
    • [res.end()] 终结响应处理流程。
    • [res.redirect()] 重定向请求。
    • [res.render()] 渲染视图模板。
    • [res.send()] 发送各种类型的响应。
    • [res.sendFile] 以八位字节流的形式发送文件。

    可使用 app.route() 创建路由路径的链式路由句柄。由于路径在一个地方指定,这样做有助于创建模块化的路由,而且减少了代码冗余和拼写错误。

    app.route('/book')
      .get(function(req, res) {
        res.send('Get a random book');
      })
      .post(function(req, res) {
        res.send('Add a book');
      })
      .put(function(req, res) {
        res.send('Update the book');
      });
    

    可使用 express.Router 类创建模块化、可挂载的路由句柄。下面的实例程序创建了一个路由模块,并加载了一个中间件,定义了一些路由,并且将它们挂载至应用的路径上。

    var express = require('express');
    var router = express.Router();
    // 该路由使用的中间件
    router.use(function timeLog(req, res, next) {
      console.log('Time: ', Date.now());
      next();
    });
    // 定义网站主页的路由
    router.get('/', function(req, res) {
      res.send('Birds home page');
    });
    // 定义 about 页面的路由
    router.get('/about', function(req, res) {
      res.send('About birds');
    });
    module.exports = router;
    // 然后在应用中加载路由模块:
    var birds = require('./birds'); 
     ...  
    app.use('/birds', birds);
    
    中间件

    Express是由路由和中间件构成一个的 web 开发框架:从本质上来说,一个 Express 应用就是在调用各种中间件。

    中间件Middleware是一个函数,它可以访问请求对象(request object), 响应对象(response object), 和 web 应用中处于请求-响应循环流程中的中间件,一般被命名为 next 的变量。

    中间件的功能包括:

    • 执行任何代码。
    • 修改请求和响应对象。
    • 终结请求-响应循环。
    • 调用堆栈中的下一个中间件。

    如果当前中间件没有终结请求-响应循环,则必须调用 next() 方法将控制权交给下一个中间件,否则请求就会挂起。

    应用级中间件

    应用级中间件绑定到app对象使用 app.use() 和 app.METHOD()

    var app = express();
    // 没有挂载路径的中间件,应用的每个请求都会执行该中间件
    app.use(function (req, res, next) {
      console.log('Time:', Date.now());
      next();
    });
    // 挂载至 /user/:id 的中间件,任何指向 /user/:id 的请求都会执行它
    app.use('/user/:id', function (req, res, next) {
      console.log('Request Type:', req.method);
      next();
    });
    // 路由和句柄函数(中间件系统),处理指向 /user/:id 的 GET 请求
    app.get('/user/:id', function (req, res, next) {
      res.send('USER');
    });
    

    如果需要在中间件栈中跳过剩余中间件,调用 next('route') 方法将控制权交给下一个路由。

    // 一个中间件栈,处理指向 /user/:id 的 GET 请求
    app.get('/user/:id', function (req, res, next) {
      // 如果 user id 为 0, 跳到下一个路由
      if (req.params.id == 0) next('route');
      // 否则将控制权交给栈中下一个中间件
      else next(); //
    }, function (req, res, next) {
      // 渲染常规页面
      res.render('regular');
    });
    // 处理 /user/:id, 渲染一个特殊页面
    app.get('/user/:id', function (req, res, next) {
      res.render('special');
    });
    
    路由级中间件

    路由级中间件和应用级中间件一样,只是它绑定的对象为 express.Router()。
    var router = express.Router();路由级使用 router.use() 或 router.VERB() 加载。

    var app = express();
    var router = express.Router();
    // 没有挂载路径的中间件,通过该路由的每个请求都会执行该中间件
    router.use(function (req, res, next) {
      console.log('Time:', Date.now());
      next();
    });
    // 一个中间件栈,显示任何指向 /user/:id 的 HTTP 请求的信息
    router.use('/user/:id', function(req, res, next) {
      console.log('Request URL:', req.originalUrl);
      next();
    }, function (req, res, next) {
      console.log('Request Type:', req.method);
      next();
    });
    // 一个中间件栈,处理指向 /user/:id 的 GET 请求
    router.get('/user/:id', function (req, res, next) {
      // 如果 user id 为 0, 跳到下一个路由
      if (req.params.id == 0) next('route');
      // 负责将控制权交给栈中下一个中间件
      else next(); //
    }, function (req, res, next) {
      // 渲染常规页面
      res.render('regular');
    });
    // 处理 /user/:id, 渲染一个特殊页面
    router.get('/user/:id', function (req, res, next) {
      console.log(req.params.id);
      res.render('special');
    });
    // 将路由挂载至应用
    app.use('/', router);
    
    错误处理中间件

    错误处理中间件有 4 个参数,定义错误处理中间件时必须使用这 4 个参数。

    app.use(function(err, req, res, next) {
      console.error(err.stack);
      res.status(500).send('Something broke!');
    });
    
    模板引擎

    views, 放模板文件的目录,比如: app.set('views', './views')
    view engine, 模板引擎,比如: app.set('view engine', 'jade')
    一旦 view engine 设置成功,就不需要显式指定引擎,或者在应用中加载模板引擎模块,Express 已经在内部加载,即不用指明视图文件的后缀。

    app.get('/', function (req, res) {
      res.render('index', { title: 'Hey', message: 'Hello there!'});
    });
    

    相关文章

      网友评论

        本文标题:Express基础到源码分析

        本文链接:https://www.haomeiwen.com/subject/lmunpxtx.html