Nodejs Express4.x开发框架随手笔记

Nodejs Express4.x开发框架随手笔记

近年来，Node.js作为一种高效、轻量、易学的后端开发语言，受到广泛的关注和应用。而Express.js，则是Node.js的基于MVC思想的开发框架，为Node.js带来了更便捷的开发方式。

本文将详细介绍如何使用Express.js开发Node.js应用程序。文中将包括以下内容：

• Express.js简介
• 安装Express.js
• Express.js的核心组件
• 路由
• 视图
• 中间件
• 样例程序

Express.js简介

Express.js是一款流行的，基于MVC架构的Web应用程序开发框架。它建立在Node.js应用程序之上，为应用程序带来了简单易用的路由，以及可自定义的中间件和视图系统等组件，使得开发者可以专注于业务逻辑。

Express.js其实是Connect开发框架的基础之上进行了更深度的封装和扩展。因此，我们可以将Express.js看作是Connect框架的一个扩展，它搭建了一个更加完整的Web应用程序框架。

安装Express.js

在安装Express.js之前，我们需要先安装好Node.js环境。如果您还没有安装，请前往官方网站进行安装。

安装Express.js非常简单，只需要使用npm命令即可：

npm install express --save

安装完成后，您就可以在项目中使用Express.js了。

Express.js的核心组件

Express.js的核心组件包括路由、视图、中间件和模板引擎等。

路由

路由是Express.js中很重要的一个组件，它决定了浏览器请求的URL会被分配到哪个处理函数中。使用Express.js的路由，我们可以通过修改不同的URL路径，来根据请求的路径，让服务端返回不同的内容。

在Express.js中，路由可以使用'app'对象进行定义。例如：

const express = require('express')
const app = express()

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

app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})

在这个例子中，当访问'/'时，我们可以通过回调函数来处理浏览器发送的请求，并给浏览器发送响应。

视图

Express.js中的视图是使用模板引擎生成的，以此来减轻开发者的工作负担。使用模板引擎，我们能够方便地将数据渲染到HTML页面中。

进行视图渲染之前，我们需要先安装对应的模板引擎，例如EJS、Handlebars或Pug等。在这个例子中，我们使用EJS模板引擎来进行视图渲染：

app.set('views', './views')
app.set('view engine', 'ejs')

app.get('/', function (req, res) {
  res.render('index', { title: 'Express' })
})

在这个例子中，我们通过调用'res.render'方法，来渲染名为'index'的视图文件，并在视图中使用了'title'变量。

中间件

中间件是Express.js应用程序中最强大的部分之一。它允许我们在请求和响应之间执行操作，如数据解析、cookie处理、认证等等。

使用Express.js中间件的方法非常简单。例如：

app.use(express.json())

在这个例子中，我们使用了'express.json()'中间件，来处理JSON请求体。使用中间件，可以让我们更方便地对请求做一些预处理，从而避免了重复的代码。

样例程序

在学习Express.js的过程中，我们经常需要进行实践。下面给出一个简单的Express.js应用程序，演示了Express.js中的多项核心操作：

const express = require('express')
const app = express()

// 路由示例
app.get('/', function (req, res) {
  res.send('Hello World!')
})

// 引入EJS模板引擎
app.set('views', './views')
app.set('view engine', 'ejs')

// 渲染EJS视图示例
app.get('/ejs', function (req, res) {
  res.render('index', { title: 'Express' })
})

// 中间件示例
app.use(express.json())

app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})

在这个程序中，我们定义了一个路由，一个EJS视图，以及一个使用中间件的操作。运行这个程序后，可以通过浏览器访问以下URL进行测试：

• /
• /ejs

可以看到，我们可以通过使用Express.js提供的组件，轻松实现一个简单而完整的Web应用程序。