nodejs中express入门和基础知识点学习


Posted in NodeJs onSeptember 13, 2018

初始化

新建一个目录myapp,项目初始化

$ npm init

安装express

$ npm install express --save

创建一个hello world实例

进入myapp目录,创建一个名为app.js

var express = require('express');
var app = express();
 
app.get('/', function(req, res) {
  res.send('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);
});

上面的代码启动一个服务并监听从 3000 端口进入的所有连接请求。他将对所有 (/) URL 或 路由 返回 “Hello World!” 字符串。对于其他所有路径全部返回 404 Not Found。

通过以下命令行启动

$ node app.js

express生成器

通过应用生成器工具 express 可以快速创建一个应用的骨架。

1.安装以下命令

$ npm install express-generator -g

2.在当前目录创建myapp的应用,运行以下命令

$ express myapp
$ cd myapp 
$ npm install> set DEBUG=myapp & npm start

通过 Express 应用生成器创建的应用一般都有如下目录结构:

├── app.js
├── bin
│  └── www
├── package.json
├── public
│  ├── images
│  ├── javascripts
│  └── stylesheets
│    └── style.css
├── routes
│  ├── index.js
│  └── users.js
└── views
  ├── error.jade
  ├── index.jade
  └── layout.jade
 
7 directories, 9 files

express路由

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

路由的定义由如下结构组成:app.METHOD(PATH, HANDLER)。其中,app 是一个 express 实例;METHOD 是某个 HTTP 请求方式中的一个;PATH 是服务器端的路径;HANDLER 是当路由匹配到时需要执行的函数。

以下是一些常见的路由代码:

var express = require('express');
var app = express();
 
// respond with "hello world" when a GET request is made to the homepage
app.get('/', function(req, res) {
 res.send('hello world');
});
 
// POST method route
app.post('/', function (req, res) {
 res.send('POST request to the homepage');
});
//app.all() 是一个特殊的路由方法,没有任何 HTTP 方法与其对应,它的作用是对于一个路径上的所有请求加载中间件。
app.all('/secret', function (req, res, next) {
 console.log('Accessing the secret section ...');
 next(); // pass control to the next handler
});

使用字符串模式的路由路径示例:字符 ?、+、* 和 () 是正则表达式的子集,- 和 . 在基于字符串的路径中按照字面值解释。

// 匹配 acd 和 abcd
app.get('/ab?cd', function(req, res) {
 res.send('ab?cd');
});
 
// 匹配 abcd、abbcd、abbbcd等
app.get('/ab+cd', function(req, res) {
 res.send('ab+cd');
});
 
// 匹配 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');
});
 
//使用正则表达式的路由路径示例:
// 匹配任何路径中含有 a 的路径:
app.get(/a/, function(req, res) {
 res.send('/a/');
});
 
// 匹配 butterfly、dragonfly,不匹配 butterflyman、dragonfly man等
app.get(/.*fly$/, function(req, res) {
 res.send('/.*fly$/');
});

路由句柄

可以为请求处理提供多个回调函数,其行为类似 中间件。唯一的区别是这些回调函数有可能调用 next('route') 方法而略过其他路由回调函数。

路由句柄有多种形式,可以是一个函数、一个函数数组,或者是两者混合,如下所示:

//使用多个回调函数处理路由(记得指定 next 对象):
app.get('/example/b', function (req, res, next) {
 console.log('response will be sent by the next function ...');
 next();
}, function (req, res) {
 res.send('Hello from B!');
});
 
//使用回调函数数组处理路由:
var cb0 = function (req, res, next) {
 console.log('CB0');
 next();
}
var cb1 = function (req, res, next) {
 console.log('CB1');
 next();
}
var cb2 = function (req, res) {
 res.send('Hello from C!');
}
app.get('/example/c', [cb0, cb1, cb2]);

响应方法

下表中响应对象(res)的方法向客户端返回响应,终结请求响应的循环。如果在路由句柄中一个方法也不调用,来自客户端的请求会一直挂起。

方法 描述:

  • res.download() 提示下载文件。
  • res.end() 终结响应处理流程。
  • res.JSON() 发送一个 JSON 格式的响应。
  • res.jsonp() 发送一个支持 JSONP 的 JSON 格式的响应。
  • res.redirect() 重定向请求。
  • res.render() 渲染视图模板。
  • res.send() 发送各种类型的响应。
  • res.sendFile 以八位字节流的形式发送文件。
  • res.sendStatus() 设置响应状态代码,并将其以字符串形式作为响应体的一部分发送。

app.route()

可使用 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

可使用 express.Router 类创建模块化、可挂载的路由句柄。Router 实例是一个完整的中间件和路由系统,因此常称其为一个 “mini-app”。

在 app 目录下创建名为 birds.js 的文件,内容如下:

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

应用即可处理发自 /birds 和 /birds/about 的请求,并且调用为该路由指定的 timeLog 中间件。

利用 Express 托管静态文件

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

将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如,假设在 public 目录放置了图片、CSS 和 JavaScript 文件,你就可以:

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

现在,public 目录下面的文件就可以访问了。

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

如果你的静态资源存放在多个目录下面,你可以多次调用 express.static 中间件:

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

如果你希望所有通过 express.static 访问的文件都存放在一个“虚拟(virtual)”目录(即目录根本不存在)下面,可以通过为静态资源目录指定一个挂载路径的方式来实现,如下所示:

app.use('/static', express.static('public'));

现在,你就爱可以通过带有 “/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

常见问题

如何处理 404 ?

在 Express 中,404 并不是一个错误(error)。因此,错误处理器中间件并不捕获 404。这是因为 404 只是意味着某些功能没有实现。也就是说,Express 执行了所有中间件、路由之后还是没有获取到任何输出。你所需要做的就是在其所有他中间件的后面添加一个处理 404 的中间件。如下:

app.use(function(req, res, next) { 
res.status(404).send('Sorry cant find that!');
});

Express 支持哪些模板引擎?

Express 支持任何符合 (path, locals, callback) 接口规范的模板引擎。

如何渲染纯 HTML 文件?

不需要!无需通过 res.render() 渲染 HTML。你可以通过 res.sendFile() 直接对外输出 HTML 文件。如果你需要对外提供的资源文件很多,可以使用 express.static() 中间件。

NodeJs 相关文章推荐
windows下安装nodejs及框架express
Aug 07 NodeJs
nodejs创建web服务器之hello world程序
Aug 20 NodeJs
解析NodeJs的调试方法
Dec 11 NodeJs
详解nodejs 文本操作模块-fs模块(二)
Dec 22 NodeJs
nodejs6下使用koa2框架实例
May 18 NodeJs
nodejs制作爬虫实现批量下载图片
May 19 NodeJs
nodejs使用express获取get和post传值及session验证的方法
Nov 09 NodeJs
NodeJS父进程与子进程资源共享原理与实现方法
Mar 16 NodeJs
详解NodeJs开发微信公众号
May 25 NodeJs
NodeJS服务器实现gzip压缩的示例代码
Oct 12 NodeJs
详解NodeJs项目 CentOs linux服务器线上部署
Sep 16 NodeJs
nodejs实现聊天机器人功能
Sep 19 NodeJs
NodeJS 实现多语言的示例代码
Sep 11 #NodeJs
nodejs高大上的部署方式(PM2)
Sep 11 #NodeJs
Nodejs使用Mongodb存储与提供后端CRD服务详解
Sep 04 #NodeJs
Nodejs Express 通过log4js写日志到Logstash(ELK)
Aug 30 #NodeJs
NodeJS如何实现同步的方法示例
Aug 24 #NodeJs
Nodejs中的JWT和Session的使用
Aug 21 #NodeJs
nodejs 如何手动实现服务器
Aug 20 #NodeJs
You might like
php 函数中使用static的说明
2012/06/01 PHP
mysql desc(DESCRIBE)命令实例讲解
2016/09/24 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
双击滚屏-常用推荐
2006/11/29 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
2011/04/12 Javascript
基于jquery自定义图片热区效果
2012/07/21 Javascript
JS读取XML文件示例代码
2013/11/15 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
2014/01/13 Javascript
javascript设计模式之工厂模式示例讲解
2014/03/04 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
2015/03/26 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
jquery实现百叶窗效果
2017/01/12 Javascript
javaScript中"=="和"==="的区别详解
2018/03/16 Javascript
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
2019/01/09 Javascript
如何基于js判断浏览器版本
2020/02/20 Javascript
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
使用Python对Csv文件操作实例代码
2017/05/12 Python
简单了解python模块概念
2018/01/11 Python
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
北美女性服装零售连锁店:maurices
2019/06/12 全球购物
MIXIT官网:俄罗斯最大的化妆品公司之一
2020/01/25 全球购物
大学生简历的个人自我评价
2013/12/04 职场文书
二年级数学教学反思
2014/01/21 职场文书
出纳员岗位职责风险
2014/03/06 职场文书
仓库管理计划书
2014/05/04 职场文书
中英文求职信范文
2015/03/19 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
小学开学典礼新闻稿
2015/07/17 职场文书
教你怎么用Python操作MySql数据库
2021/05/31 Python
python 标准库原理与用法详解之os.path篇
2021/10/24 Python
Element-ui Layout布局(Row和Col组件)的实现
2021/12/06 Vue.js