express web的一款mvc框架

2024年5月2日 140次阅读 来源: 哈希

express

express相关的网站
*http://expressjs.com/
*http://www.expressjs.com.cn/
*https://github.com/pugjs/pug
*https://pug.bootcss.com/api/g…

web开发有这么常用的四款mvc (model(数据层) view(视图层) controller(控制层))框架，我们今天说一下express

*express
*koa
*阿里的egg框架
*thinkjs

express()

Express 是一个自身功能极简，完全是由路由和中间件构成一个的 web 开发框架

安装

创建一个目录

$ mkdir myapp
$ cd myapp

通过 npm init 命令为你的应用创建一个 package.json 文件。

$ npm init

然后需要我们自己在目录下创建一个app.js 文件
接下来安装 Express 并将其保存到依赖列表中：

$ npm install express --save

Hello world 实例

app.js

var express = require('express');//引入模块
var app = express();//调用函数

app.get('/', function (req, res) {
  res.send('Hello World!');
});//请求Hello World!

var server = app.listen(3000, function () {
  var host = server.address().address;
  var port = server.address().port;

  console.log('Example app listening at http://%s:%s', host, port);
});  //启动

运行下面命令

$ node app.js

然后在浏览器中打开 http://localhost:3000/ 并查看输出结果。

express 应用生成器

通过应用生成器工具 express 可以快速创建一个应用的脚手架。
命令行安装

$ npm install express-generator -g

在当前工作目录下创建一个命名为 myapp1 的应用。(和myapp同级)

$ express myapp

安装依赖包：

$ cd myapp 
$ npm install

启动这个应用（MacOS 或 Linux 平台）：

$ DEBUG=myapp npm start

Windows 平台使用如下命令：

set DEBUG=myapp & npm start

然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了

express路由

路由是指如何定义应用的端点（URIs）以及如何响应客户端的请求

我们可以在routes这个文件夹下创建一个文件order.js来详细的说一下路由的用法。
order.js

var express = require('express');
var router = express.Router();

router.get('/', function(req, res, next) {
  res.render('order',{msg:'我的订单'});
});
router.get('/list', function(req, res, next) {
  res.send('订单列表');
});


module.exports = router;

app.js

var order = require('./routes/order');//引入roder.js
app.use('/order', order);

Express 模板引擎(本博客开头有网址关于 pug(jade)的)

模板引擎有这么几类pug(jade) ejs handlerbars(扩展模块)
需要在应用中进行如下设置才能让 Express 渲染模板文件：
*views, 放模板文件的目录，比如： app.set(‘views’, ‘./views’)
*view engine, 模板引擎，比如： app.set(‘view engine’, ‘jade’)

然后安装相应的模板引擎 npm 软件包。

$ npm install jade --save
$ npm install ejs --save

需要那种就在app.set(‘view engine’, ‘jade’)里将’jade’改成那种。
在 views 目录下生成名为 order.jade 的 Jade 模板文件，内容如下：

doctype html
html
  head
    title 订单
  body
    h1 #{msg}

然后使用路由渲染它：

router.get('/',function(req,res,nest){
    res.render('orders',{msg:'订单首页'})
})

Express 托管静态文件

通过 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'));

你就可以通过带有 “/static” 前缀的地址来访问 public 目录下面的文件了。

http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html

中间件

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

中间件的功能包括：

*执行任何代码。
*修改请求和响应对象。
*终结请求-响应循环。
*调

中间件种类:

*应用级中间件
*路由级中间件
*错误处理中间件
*内置中间件
*第三方中间件

应用级中间件

应用级中间件绑定到 app 对象 使用 app.use() 和 app.METHOD()， 其中， METHOD 是需要处理的 HTTP 请求的方法，例如 GET, PUT, POST 等等，全部小写。例如：

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

在下面的例子中，为指向 /user/:id 的 GET 请求定义了两个路由。第二个路由虽然不会带来任何问题，但却永远不会被调用，因为第一个路由已经终止了请求-响应循环

// 一个中间件栈，处理指向 /user/:id 的 GET 请求
app.get('/user/:id', function (req, res, next) {
  console.log('ID:', req.params.id);
  next();
}, function (req, res, next) {
  res.send('User Info');
});

// 处理 /user/:id， 打印出用户 id
app.get('/user/:id', function (req, res, next) {
  res.end(req.params.id);
});

如果需要在中间件栈中跳过剩余中间件，调用 next(‘route’) 方法将控制权交给下一个路由。 注意： next(‘route’) 只对使用 app.VERB() 或 router.VERB() 加载的中间件有效。

路由级中间件

路由级中间件和应用级中间件一样，只是它绑定的对象为 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 个参数，而不是 3 个，其签名如下： (err, req, res, next)。

app.use(function(err, req, res, next) {
  console.error(err.stack);
  res.status(500).send('Something broke!');
});
内置中间件

express.static(root, [options])

express.static 是 Express 唯一内置的中间件。它基于 serve-static，负责在 Express 应用中提托管静态资源。

参数 root 指提供静态资源的根目录。
下面的例子使用了 express.static 中间件，其中的 options 对象经过了精心的设计。

var options = {
  dotfiles: 'ignore',
  etag: false,
  extensions: ['htm', 'html'],
  index: false,
  maxAge: '1d',
  redirect: false,
  setHeaders: function (res, path, stat) {
    res.set('x-timestamp', Date.now());
  }
}

app.use(express.static('public', options));
第三方中间件

通过使用第三方中间件从而为 Express 应用增加更多功能。

安装所需功能的 node 模块，并在应用中加载，可以在应用级加载，也可以在路由级加载。

进程管理器

在编写程序时，我们发现，每次更改文件之后，都需要在命令行内停止当前的服务，然后输入 npm start ，很麻烦。我们需要一款自动刷新的工具

pm2

安装：

npm install pm2 -gd

启动

pm2 start ./bin/www --watch

PS D:\node.js\code\0505\myapp2> pm2 start ./bin/www --watch
┌──────────┬────┬──────┬───────┬────────┬─────────┬────────┬─────┬───────────┬────────┬──────────┐
│ App name │ id │ mode │ pid   │ status │ restart │ uptime │ cpu │ mem       │ user   │ watching │
├──────────┼────┼──────┼───────┼────────┼─────────┼────────┼─────┼───────────┼────────┼──────────┤
│ www      │ 0  │ fork │ 17480 │ online │ 0       │ 0s     │ 0%  │ 24.1 MB   │ lenovo │ enabled  │
└──────────┴────┴──────┴───────┴────────┴─────────┴────────┴─────┴───────────┴────────┴──────────┘
 Use `pm2 show <id|name>` to get more details about an app

当显示 status 为 online 时，说明程序启动成功

现在可以打开 http://localhost:3000 就可以看到运行的程序了

停止应用：

pm2 stop 0

重启

pm2 restart 0

显示程序信息

pm2 show 0

删除程序

pm2 delete 0

查看程序列表

pm2 list

这就是一些express的基本内容，喜欢的点个赞再走呗。

    原文作者：哈希
    原文地址: https://segmentfault.com/a/1190000011653589
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞