Express安装与使用步骤详解

安装 express

在目标文件夹下执行如下命令：

cnpm i express

安装完后，在目标文件夹下新建index.js文件：

// 引入 express 模块
var express = require('express');

// 创建 express 实例
var app = express();

// 响应HTTP的GET方法
app.get('/', function (req, res) {
 res.send('Hello World!');
});

// 监听到8000端口
app.listen(8000, function () {
 console.log('Hello World is listening at port 8000');
});

然后在Node.js的命令行环境下执行“node index.js”命令，网站就运行起来了。浏览器访问一下，可以输出相应的信息。

使用

const express = require("express");
const app = express();

// 处理文件路径的模块
const path = require("path");

// view处理
app.set("views", path.join(__dirname, "views"));
app.set("view engine", "ejs");

// 定义一个存放静态资源的目录
app.use(express.static("src"));

// 页面路由的处理，此处表示首页的时候处理index
const index = require("./routes/index");
app.use("/", index);

const server = app.listen(8080, function(){
	console.log("启动成功！");
})

Express中的路由与路由器

Express中的路由器分为两种类型:

app类型的路由器常使用如下代码创建：

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

router类型的路由器常使用如下代码创建:

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

app和router是形为function(request, response, next)形式的函数对象，使用app.verb()，router.verb()形式函数实现路由注册（路由注册本质上是一个观察者模式）。

app.verb()和router.verb()中的verb常使用use、get、post、put、delete、route等动词，不同动词管辖的HTTP请求方法范围不同，这些动词函数的参数形式常为(pathExp, handleCallback)形式：其中pathExp表示请求路径，可为正则表达式；handleCallback为路径映射处理函数。

app是Express框架所构建程序的请求处理入口，app可作为顶层路由器使用，在应用中也可挂载下级路由器（使用router对象）以实现分级路由。

中间件

Express 是一个自身功能极简，完全是由路由和中间件构成一个的 web 开发框架：从本质上来说，一个 Express 应用就是在调用各种中间件。

中间件（Middleware）是一个函数，它可以访问请求对象（request object (req)）, 响应对象（response object (res)）, 和next 的变量。

路由get、post这些东西，就是中间件，中间件讲究顺序，匹配上第一个之后，就不会往后匹配了。next函数才能够继续往后匹配。如下实例：

app.get("/",function(req,res,next){
    console.log("1");
    next();
});

app.get("/",function(req,res){
    console.log("2");
});

app.use()也是一个中间件。与get、post不同的是，他的网址不是精确匹配的。而是能够有小文件夹拓展的。

比如网址： http://127.0.0.1:3000/admin/aa/bb/cc/dd

app.use("/admin",function(req,res){ 
    res.write(req.originalUrl + "\n");   //    /admin/aa/bb/cc/dd
    res.write(req.baseUrl + "\n");  //   /admin
    res.write(req.path + "\n");   //    /aa/bb/cc/dd
    res.end("你好");
});

//当你不写路径的时候，实际上就相当于"/"，就是所有网址

app.use(function(req,res,next){
    console.log(new Date());
    next();
});

使用express搭建应用结构

express模块有一个命令行工具express，可以用来生成基于express模块的应用结构（网站结构）。

express 4.x之后，express命令被独立出来放在了express-generator模块中。我们用下面的命令全局安装express这个命令行工具：

cnpm install -g express-generator

安装完成后，在命令行环境下执行“express --version”，可以看到express的版本是4.16.1。

好了，现在我们使用express命令来创建一个默认的网站。

在命令行环境下导航到node.js这个目录下，执行下面的命令：

express FirstExpress

然后可以看到：

Express安装与使用步骤详解

仔细看上面的图哦，它告诉了我们三类非常重要的信息：

express命令创建的网站的目录结构以及创建的文件

安装依赖（进入到HelloExpress下，执行npm install）

使用npm start启动网站（express 4.x后）

按照响应的提示依次执行：

cd FirstExpress

cnpm install

npm start

很快就可以看到下面的图：

Express安装与使用步骤详解

看到上图，说明网站已正常运行。你可以在浏览器里访问http://localhost:3000，然后就可以看到这个页面：

Express安装与使用步骤详解

到这里，express框架就搭建成功！

Express安装与使用步骤详解

安装 express

使用

Express中的路由与路由器

中间件

使用express搭建应用结构

相关推荐