首页 / NODEJS / 浅谈Node.js轻量级Web框架Express4.x使用指南

浅谈Node.js轻量级Web框架Express4.x使用指南

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了浅谈Node.js轻量级Web框架Express4.x使用指南，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含11149字，纯文字阅读大概需要16分钟。

内容图文

Express是一个轻量级的Web框架，简单、灵活

也是目前最流行的基于Nodejs的Web框架

通过它我们可以快速搭建功能完整的网站（express 英文意思：特快列车）

Express现在是4.x版本，更新很快，并且不兼容旧版本，导致现在市面上很多优秀的Node书籍过时

这篇文章是一篇入门级的Express使用，需要一定Node.js的基础

Web应用创建

首先要做的是下载express并引用

npm install express --save

全局安装就+个-g

引用express

var express = require('express');
var app = express();

通过app我们就可以使用各种express的API

在3.x版本的时候是这样写的

var app =express.createServer();

现在这个函数已经被抛弃了

下面正式创建应用

//app.js
var express = require('express');
var app = express();
app.get('/', function(req, res){
 res.send('Express');
});
app.listen(3000);

启动之后就能给够在页面看到效果

$ node app.js

浅谈Node.js轻量级Web框架Express4.x使用指南 - 文章图片

app.get()

上面的app.listen()就不多说了

用于监听端口

app.get(path, function(req, res){ })

用于用于处理客户端向服务器发送的GET请求

path表示请求的路径

回调函数的req和res是request和response的意思

request表示客户端发送的HTTP请求信息

response表示服务器发送的HTTP响应信息

使用res.send()可以向客户端发送信息

//app.js
var express = require('express');
var app = express();

app.get('/', function(req, res){
 res.send('<h1>Express</h1>');
});
app.get('/demo', function(req, res){
 res.send('<h1>Demo</h1>');
})
app.get('/*', function(req, res){
 res.send('<h1>404<h1>');
})

app.listen(3000);

浅谈Node.js轻量级Web框架Express4.x使用指南 - 文章图片

app.post()

app.post(path, function(req, res){ })

用于用于处理客户端向服务器发送的POST请求

和GET请求不同，POST请求不会将信息放在url中

而是写入请求头中

它的解析有所不同，下面再说

app.all()

在此之前还要提一个概念——中间件

Middleware中间件在不同环境下有不同含义

而在我们express中，简单说它就是一个特殊的函数

用来处理HTTP请求的函数

并且它有一个特点——处理完一个中间件可以传递给下一个中间件来处理

funciton(req, res, next){
  ...
  next();
}

（如果不使用执行next函数，那么之后监听的函数也不会执行）

可以向next中传递字符串参数，代表抛出的错误信息

这样当数据往下传递的时候，中间件不再进行处理

直到找到一个错误处理函数为止

在app.all(path, function(req, res, next){ })的使用中

就需要我们定义这样的中间件

这个方法可以过滤所有路径上的请求

换句话说，在其他所有的中间件处理之前

必须先通过app.all()的中间件进行处理

var express = require('express');
var app = express();

app.all('*', function(req, res, next){
 res.writeHead(200, ':)');
 next();
});

app.get('/', function(req, res){
 res.end('<h1>Express</h1>');
});
app.get('/demo', function(req, res){
 res.end('<h1>Demo</h1>');
})
app.get('/*', function(req, res){
 res.end('<h1>404<h1>');
})

app.listen(3000);

这样不论客户端向我们发出了什么样的路径请求

服务器响应信息前都会先打上响应头

app.use()

app.use([path, ]function(req, res, next){ })

这个方法一般情况是用来调用中间件的

与前面的函数不同，它的第一个path参数可以省略，默认'/'

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

上面的这个用法就是指定静态文件的访问路径

通过next参数我们可以连续调用中间件函数

app.use(function(req, res, next){
 console.log(1);
 next();
});
app.use(function(req, res, next){
 console.log(2);
 next();
});
app.use(function(req, res, next){
 console.log(3);
});
app.use(function(req, res, next){
 console.log(4);
});

当发出网络请求的时候

控制台就会输出 1 2 3

因为第三个中间件没有调用next方法

所以处理到此为止

不会输出4

app.use()除了调用中间件

还可以根据请求路径的不同，返回不同信息

但我们一般不会这么用

//app.js
var express = require('express');
var app = express();

app.use(function(req, res, next){
 if(req.url == '/'){
  res.end('<h1>Express</h1>');
 }else{
  next();
 }
});
app.use(function(req, res, next){
 if(req.url == '/demo'){
  res.end('<h1>Demo</h1>');
 }else{
  next();
 }
});
app.use(function(req, res, next){
 res.end('<h1>404<h1>');
});

app.listen(3000);

请求与响应

上面express中每一个回调函数都不可缺少req和res参数

重要性可见一斑

常见的req与res中的属性/方法如下（原生node.js的req、res属性/方法也可以使用）

Request对象：

API	含义
req.app	当callback为外部文件时，用于访问express的实例
req.baseUrl	获取路由当前安装的URL路径
req.body/cookies	获得「请求主体」/ Cookies
req.fresh/stale	判断请求是否还「新鲜」
req.hostname/ip	获取主机名和IP地址
req.originalUrl	获取原始请求URL
req.params	获取路由的parameters
req.path	获取请求路径
req.protocol	获取协议类型
req.query	获取URL的查询参数串
req.route	获取当前匹配的路由
req.subdomains	获取子域名
req.acceptsCharsets	返回指定字符集的第一个可接受字符编码
req.acceptsEncodings	返回指定字符集的第一个可接受字符编码
req.acceptsLanguages	返回指定字符集的第一个可接受字符编码
req.accepts()	检查可接受的请求的文档类型
req.get()	获取指定的HTTP请求头
req.is()	判断请求头Content-Type的MIME类型

Response对象：

API	含义
res.app	同req.app
res.append()	追加指定HTTP头
res.set()	在res.append()后将重置之前设置的头
res.cookie()	设置Cookie
res.clearCookie()	清除Cookie
res.download()	传送指定路径的文件
res.get()	返回指定的HTTP头
res.json()	传送JSON响应
res.jsonp()	传送JSONP响应
res.location()	只设置响应的Location HTTP头，不设置状态码或者close response
res.redirect()	设置响应的Location HTTP头，并且设置状态码302
res.send()	传送HTTP响应
res.sendFile()	传送指定路径的文件 -会自动根据文件extension设定Content-Type
res.set()	设置HTTP头，传入object可以一次设置多个头
res.status()	设置HTTP状态码
res.type()	设置Content-Type的MIME类型

挑一些重点

req.query

req.query可以获取请求路径参数的对象

向服务器发送请求 http://localhost:3000/?user=tester&pass[a]=123&pass[b]=456

//app.js
var express = require('express');
var app = express();

app.get('/', function(req, res, next){
 console.log(req.query);
 console.log(req.query.user); //tester
 console.log(req.query.pass.a); //123
 console.log(req.query.pass.b); //456
 res.end();
});

app.listen(3000);

req.params

req.params可以解析复杂路由规则上的属性
（req.param综合了req.query和req.param的功能，但是被移除了不要使用）

向服务器发送请求 http://localhost:3000/123456

//app.js
var express = require('express');
var app = express();

app.get('/:id', function(req, res, next){
 console.log(req.params.id); //123456
 res.end();
});

app.listen(3000);

这样不论我在根路径后输入的是什么

都会被解析为req.params.id

res.send()

res.send用于向客户端响应信息并且它的强大之处在于可以智能的处理我们传递的不同类型参数

app.get('/', function(req, res, next){
 res.send('express');
});

当参数为字符串，会将响应头Content-Type默认设置为text/html

也就是解析为html呈现在我们的页面上

app.get('/', function(req, res){
 res.send(200);
});

当参数为数字，会自动帮我们设置响应体（状态码…）

app.get('/', function(req, res){
 res.send([1, 2, 3]);
});

当参数为数组或对象，它会响应一个JSON

res.redirect()

使用这个方法可以让我们对网页重定向

比如使用绝对url跳转到不同的域名

app.get('/', function(req, res){
 res.redirect('http://www.baidu.com');
});

res.redirect()默认响应状态码是302

可以更改这个状态码作为res.redirect()的第一个参数

//app.js
var express = require('express');
var app = express();

app.get('/', function(req, res){
 res.redirect(302, 'demo');
});
app.get('/demo', function(req, res){
 res.end();
});

app.listen(3000);

当在url地址栏中输入http://localhost:3000

页面就会重定向到http://localhost:3000/demo

静态资源

静态资源就是指我们在开发中用到的css、js、img等等

它们需要存放到一个静态资源目录

当浏览器发出了一个非HTML文件请求

服务器就会从这个静态资源目录下去查找文件

我们一般在根目录下创建一个public文件来存储

并在public中创建stylesheets、javascripts、images等文件夹

用来存储特定类型的资源

指定静态资源目录的方法上面已经提到了

var path = require('path');
app.use(express.static(path.join(__dirname, 'public')));

比如说我们的html中有这样的代码

<link href="/javascripts/jquery.js" rel="external nofollow" rel="stylesheet" media="screen">

那么客户端运行发出请求

服务器就会在public的javascripts文件夹下找到jQuery.js静态资源

模板引擎

express框架默认是ejs和jade渲染模板

这里以jade为例

使用时肯定要下载

npm install jade --save

再通过app.set()指定查找模板文件的目录（类似于静态资源）

并指定模板文件后缀为jade

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

（如果不使用模板而使用原生html，app.set('view engine', 'html');）

如果我们想要访问模板该怎么做呢？

很简单，只需要一个方法res.render()

浅谈Node.js轻量级Web框架Express4.x使用指南 - 文章图片

现在我写了一个简单的jade模板（关于jade语法超出本文讨论范围）

//views/index.jade
doctype html
html
 head
  title= title
  link(rel='stylesheet', href='/stylesheets/style.css')
 body
  h1= title
  p= content

通过res.render渲染

//app.js
var express = require('express');
var path = require('path');
var app = express();

app.use(express.static(path.join(__dirname, 'public')));

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.get('/', function(req, res){
 res.render('index', {
  title: 'Express',
  content: 'this is an example'
 });
});

app.listen(3000);

浅谈Node.js轻量级Web框架Express4.x使用指南 - 文章图片

res.render()

res.render(view[, datas][, callback])

用于对网页模板进行渲染

第一个参数是要渲染的模板名称

第二个参数是传递给模板的变量，以对象形式存储，没有可省略

第三个参数是渲染后回调函数，可以省略

路由

路由的意思就是根据不同的路径，来指定不同的处理方法

我们一般把不同的路由封装进不同的模块

首先在根目录下创建一个文件夹routes存储路由

现在我在routes文件夹下创建俩个路由文件index.js和users.js

浅谈Node.js轻量级Web框架Express4.x使用指南 - 文章图片

修改app.js

//app.js
var express = require('express');
var path = require('path');
var app = express();

var index = require('./routes/index');
var users = require('./routes/users');

app.use('/', index);
app.use('/users', users);

app.listen(3000);

这样表示http://localhost:3000/的路由交给index处理

http://localhost:3000/users的路由交给users处理

下面简单的实现一下路由

//routes/index.js
var express = require('express');
var router = express.Router();

router.get('/', function(req, res){
 res.end('index');
});

router.get('/123', function(){
 res.end(123);
});

module.exports = router;

//routes/users.js
var express = require('express');
var router = express.Router();

router.get('/', function(req, res) {
 res.end('users');
});

module.exports = router;

通过express.Router()创建的router就像一个mini版的app一样

app能做的，router都能做

只是我们把逻辑都封装到了各个路由模块中

上面代码的结果：

浅谈Node.js轻量级Web框架Express4.x使用指南 - 文章图片

body-parser中间件

作为一个入门级文章

最后就来浅显的谈一个中间件body-parser吧

其实express在3.x版本中内置了很多中间件

但是4.x版本就将出static以外的所有中间件全部抽离出来了

所以就需要我们单独安装

对照表如下：

Express 3.0	Express 4.0
bodyParser	body-parser
compress	compression
cookieSession	cookie-session
logger	morgan
cookieParser	cookie-parser
session	express-session
favicon	static-favicon
response-time	response-time
error-handler	errorhandler
method-override	method-override
timeout	connect-timeout
vhost	vhost
csrf	csurf

刚才就提到了POST请求有所不同

不同的地方就在于我们需要body-parser这个中间件来处理数据

通过req.body来获得数据

首先使用前不要忘记下载

npm install body-parser --save

//app.js
var express = require('express');
var bodyParser = require('body-parser');
var path = require('path');
var app = express();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

app.get('/', function(req, res){
 res.send('<form method="POST" action="./form">\
       <input type="text" name="user">\
       <input type="submit">\
      </form>');
});
app.post('/form', function(req, res){
 console.log(req.body);
 var user = req.body.user;
 res.send('账号: ' + user);
});

app.listen(3000);

下面这四个方法分别用于对body内容采取不同的处理方法

bodyParser.json(options) 处理JSON数据
bodyParser.raw(options) 处理buffer数据
bodyParser.text(options) 处理文本数据
bodyParser.urlencoded(options) 处理UTF-8编码数据

这样我首先通过get请求获取主页面

浅谈Node.js轻量级Web框架Express4.x使用指南 - 文章图片

提交表单向服务器发送post请求

浅谈Node.js轻量级Web框架Express4.x使用指南 - 文章图片

服务器响应结果

express-generator

通过express-generator应用生成器

可以为我们快速生成项目雏形

在你要生成项目的目录中下载express-generator

npm install express-generator

然后输入

express <项目文件名>

这样express就会把必要的文件夹以及代码快速生成了

浅谈Node.js轻量级Web框架Express4.x使用指南 - 文章图片

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

内容总结

以上是互联网集市为您收集整理的浅谈Node.js轻量级Web框架Express4.x使用指南全部内容，希望文章能够帮你解决浅谈Node.js轻量级Web框架Express4.x使用指南所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/344044.html

来源：【匿名】

【上一篇】深入理解node.js之path模块【下一篇】node.js和php的区别有哪些？

更多 ►

【浅谈Node.js轻量级Web框架Express4.x使用指南】教程文章相关的互联网学习教程文章

nodejs教程安装express及配置app.js文件的详细步骤

来自：http://www.jb51.net/article/36710.htm express.js是nodejs的一个MVC开发框架，并且支持jade等多种模板。下面简单来说说express的安装和app.js文件的配置，然后在今后的教程中一步一步使用express.js搭建个聊天室安装express.js如果你安装了npm，安装变得很简单，只需要在终端中运行下面的代码即可：复制代码代码如下:npm install express -gd -g代表安装到NODE_PATH的lib里面，而-d代表把相依性套件也一起安装。如果沒有...

让nodejs开启服务更简单--express篇【代码】【图】

上一篇文章说到，nodejs获取客户端请求需要我们自己去处理请求参数、请求方式等，而在express框架内部集成了很多好用的方法，我们不需要从0开始编写各种处理逻辑，这样可以极大提高我们的开发效率~ 通过引入 express ，再执行express函数，生成的app对象通过中间件来进行各种操作。const express = require(‘express‘) const app = express()app.post(‘/home‘, (req, res, next)=>{res.end(‘hello express‘) })app.listen(‘...

安装nodeJs静态服务器（NodeJs Express MVC 框架）【图】

安装 NodeJs Express MVC 框架新建项目文件夹打开cmd 执行以下操作：一、使用Express框架1)安装express3 $: npm install -g express@32)目录下新建工程 $: express -e staticServer3)安装所需模块 $: cd staticServer && npm install这部执行完毕即可启动服务器 $: node appexpress默认public目录为静态资源目录，可在浏览器中访问http://localhost:3000/images/******对应资源创建完成后：1、新建wwwroot文件夹2、修改根目录下...

二：nodejs+express+redis+bootstrap table+jquery UI【代码】

介绍：做一个量化投资的实时系统。综合：添加记录，顺序改变的话，refresh之后，能正常刷新吗？可以正常刷新，只是顺序又变回去。express中用fs readfile 时，需要用path.join来写路径，如果用路由的话，会读出来数字。json的读取和存储，JSON.parse(data);会变为一个json对象； JSON.stringify(data);把json变为字符串，如果这时候写入.json中，则不会有合适的缩进。所以需要JSON.stringify(data, function(key, value){return v...

windows mean(mongodb+express+angularjs+nodejs) 一键安装脚本【图】

最近在和几个同事研究mean（mongodb+express+angularjs+nodejs），这个框架看了个皮毛，但是安装部分基本上已经掌握了，目前还没有找到好的一键部署方案，所以我给同事们做了一个基础部署的脚本，本来想的很好，但是一次次的测试也比较浪费时间，基本功能完成之后，就没有再进一步的优化，先放出来大家看看吧，用某前辈的话说：这个东西不算脚本，只能算“顺溜”，一步步完成安装和配置。系统环境：650) this.width=650;" src="/up...

Nodejs学习笔记（六）—Node.js + Express 构建网站预备知识【代码】【图】

前言　　前面经过五篇Node.js的学习，基本可以开始动手构建一个网站应用了，先用这一篇了解一些构建网站的知识！　　主要是些基础的东西...　　如何去创建路由规则、如何去提交表单并接收表单项的值、如何去给密码加密、如何去提取页面公共部分（相当于用户控件和母版页）等等...　　下面就一步步开始吧^_^!...新建express项目并自定义路由规则　　1.首先用命令行express+ejs创建一个项目sampleEjsPrecd 工作目录 express -e samp...

nodejs的web开发框架之express【图】

express框架实际上就是对nodejs上面1~6那些底层的api做了一层新的封装，形成了一些api，使基于nodejs开发web更方便快速最简单案例　　express框架实现服务器功能　　express框架静态资源（html css js 图片等资源）的托管功能---从代码上看非常简单　　express框架的路由处理（服务器动态资源（由服务器动态生成的内容）请求一般都不对应一个特定的文件名称而是只有一个路径，这种路径的处理就叫路由）　　express框架的提供的中...

nodejs框架express4.2 简单入门【图】

Perface今天看了一些nodejs，《nodejs开发指南》。看到了expres的时候，由于那本书用的express版本号跟我的不一样。导致非常多功能不能实现。所以就各种google，如今就把这个流程记录下来。遇见的bug和一些原理。要玩express就要装nodejs，假设你的操作系统是centos6.5能够參考我之前写的博客centos6.5安装nodejs。其它操作系统也大同小异。能够看Node InstallationBug1 Express Command not found最初操作：跟着《nodejs开发指南...

nodejs+express+jade配置

1、安装nodejs，比如安装在E:\program files\nodejs(这是本人的安装路径)。确保有两个环境变量用户环境变量：C:\Users\Administrator\AppData\Roaming\npm 系统环境变量：e:\program files\nodejs2、安装Express，用稳定版3.5.0，网上资料也大多以这个版本为主，不指定版本的话，默认安装最新版　　运行cmd -> npm install -g express@3.5.0 　　如果是4.X版本，再安装npm install -g express-generator（如果不装会报”...

Windows环境下，从零开始搭建Nodejs+Express+Ejs框架（二）---安装Express，ejs【图】

安装Express，ejs的前提是一定要先安装nodejs，具体安装方法请查看http://www.cnblogs.com/tfiremeteor/p/8973105.html安装Express和ejs的前提是先要创建一个项目，因为我采用的并不是全局安装的方式，顺序为，创建项目，安装Express，再安装ejs。一. 准备工作。关于Nodejs的所有操作都必须通过命令行来实现，并且需要进入项目所在的目录。所以，首先运行cmd，打开命令提示符。如下图这个是默认的路径，现在要进入项目路径，我的项...

nodejs小问题：express不是内部或外部命令【图】

一时兴起想学习点东西,准备在heroku上部署一个Node.js的小程序.公司电脑之前没有装Node.js,于是下载最新版本的Node.js,当我安装express之后发现居然提示express不是内部或外部命令.然后经过我不懈努力,终于发现端倪,下面分享给大家(我是在Windows上用的Node.js).工具/原料 Node.js安装包方法/步骤首先下载Node.js安装包,此处我用的是官方最新的v0.10.2732位版:http://nodejs.org/dist/v0.10.27/node-v0.10.27-x86.msi 64位版:ht...

CentOS安装NodeJS及Express开发框架

本文演示在Linux上安装NodeJS及Express开发框架注：本人在http://www.nodejs.org/官网上下载了nodejs最新版本号NodeJS v0.10.29 可是在./configure的时候，说没有找到路径，无奈之下。仅仅好将nodejs版本号减少到v0.10.24。如今讲执行步骤记下。以免将来忘掉，安装步骤例如以下：Step 1、确认server有nodejs编译及依赖相关软件，假设没有可通过执行下面命令安装。[root@BobServerStation local]# yum -y install gcc gcc-c++ opens...

nodejs+express开发blog（2）【代码】

npm install -g nodemon1，把ejs文件修改为html文件app.engine(‘.html‘, require(‘ejs‘).__express);app.set(‘view engine‘, ‘html‘);注意：修改views下面的后缀名，并且并且不要忘记index.html里引入的原文：http://www.cnblogs.com/holdon521/p/5307999.html

win7下安装配置nodejs、使用npm安装express

1.下载nodehttp://nodejs.cn/download/ 这里下载自己需要的我的环境是win764，下载地址是：https://nodejs.org/dist/v6.2.0/win-x64/node.exe它就一个exe文件，想要使用还要配置下环境变量win7:“我的电脑”右键点击“我的属性”，点击左边的‘高级系统设置’，在打开的系统属性面板，点击选项卡‘高级’--面板底部的‘环境变量’在系统变量找到PATH,在变量值后面，追加上‘D:\node;’ （这是存放node.exe的地方）这里顺便讲下添加...

Nodejs架构之Express初体验【代码】

参考：http://www.cnblogs.com/Darren_code/p/express4.html本文是基于node 0.12.7express 4.13.11）安装npm install -g express npm install -g express-generator2）创建项目express myapp cd myapp && npm install npm start3）目录结构app.js，程序启动文件 bin，创建项目时已经提到，是真实的执行程序 node_modules, 存放所有的项目依赖库 package.json，项目依赖配置及开发者信息 public，静态文件(css,js,img) routes，路由...

首页 / NODEJS / 浅谈Node.js轻量级Web框架Express4.x使用指南

浅谈Node.js轻量级Web框架Express4.x使用指南

内容导读

内容图文

内容总结

内容备注

内容手机端

【浅谈Node.js轻量级Web框架Express4.x使用指南】教程文章相关的互联网学习教程文章

nodejs教程安装express及配置app.js文件的详细步骤

让nodejs开启服务更简单--express篇【代码】【图】

安装nodeJs静态服务器（NodeJs Express MVC 框架）【图】

二：nodejs+express+redis+bootstrap table+jquery UI【代码】

windows mean(mongodb+express+angularjs+nodejs) 一键安装脚本【图】

Nodejs学习笔记（六）—Node.js + Express 构建网站预备知识【代码】【图】

nodejs的web开发框架之express【图】

nodejs框架express4.2 简单入门【图】

nodejs+express+jade配置

Windows环境下，从零开始搭建Nodejs+Express+Ejs框架（二）---安装Express，ejs【图】

nodejs小问题：express不是内部或外部命令【图】

CentOS安装NodeJS及Express开发框架

nodejs+express开发blog（2）【代码】

win7下安装配置nodejs、使用npm安装express

Nodejs架构之Express初体验【代码】

WEB - 相关标签

框架 - 相关标签

NODEJS - 技术教程分类

NODEJS - 最新教程

NODEJS - 最热教程