Express.js快速入门与实战

黑暗之影姬 2021-02-14 ⋅ 16 阅读

Express.js 是一个流行的 Node.js Web 应用程序框架,以其简洁性、灵活性和易用性而受欢迎。它提供了一组强大的功能和工具,可以帮助您快速构建高效的 Web 应用程序。

安装 Express.js

要开始使用 Express.js,首先需要安装它。您可以通过以下命令使用 npm 进行安装:

$ npm install express

创建一个简单的 Express 应用程序

安装 Express.js 后,我们可以创建一个简单的应用程序来了解其基本用法。首先,在项目根目录下创建一个新的 JavaScript 文件(例如 app.jsindex.js),并使用以下代码初始化 Express 应用程序:

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello, Express!');
});

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

在上面的代码中,我们引入了 Express 模块并创建一个新的 Express 应用程序。我们定义了一个简单的路由处理程序,用于处理对应根路径的 GET 请求,并返回一个简单的文本响应。最后,我们启动了 Express 应用程序,并指定它监听的端口。

路由和中间件

Express.js 提供了强大的路由和中间件功能,可以轻松处理不同的请求和响应。它允许您根据请求的路径和 HTTP 方法定义不同的路由,并且可以通过中间件处理请求和响应。

下面是一个示例代码,说明了如何定义具有多个路由和中间件的 Express 应用程序:

// 定义一个中间件函数
const logMiddleware = (req, res, next) => {
  console.log('Time:', new Date());
  next();
};

// 将中间件应用于整个应用程序
app.use(logMiddleware);

// 定义一个路由处理程序
app.get('/', (req, res) => {
  res.send('Hello, Express!');
});

// 定义另一个路由处理程序
app.get('/about', (req, res) => {
  res.send('About us');
});

上面的代码中,我们定义了一个名为 logMiddleware 的中间件函数,它将在每个请求被处理之前调用,并输出当前时间。我们使用 app.use 方法将中间件应用于整个应用程序。

然后,我们定义了两个路由处理程序,分别处理根路径和 /about 路径的 GET 请求。路由处理程序通过 app.get 方法定义,并使用一个回调函数来处理请求和响应。

静态文件服务

Express.js 还提供了一个简单的方法来提供静态文件,如 HTML、CSS 和 JavaScript 文件。通过使用 express.static 中间件,我们可以轻松地将一个目录的内容提供给客户端。

以下是一个使用静态文件服务的示例代码:

// 将 public 目录下的所有文件作为静态文件提供
app.use(express.static('public'));

在上面的代码中,我们使用 express.static 中间件来定义一个静态文件目录,此处为 public。当客户端请求某个静态文件时,Express.js 将自动查找并提供该文件。

模板引擎

Express.js 支持各种模板引擎,例如 EJS、Handlebars 和 Pug。模板引擎允许您以动态的方式生成 HTML 页面,从而更好地组织和管理您的代码。

以下是一个使用 EJS 模板引擎的示例代码:

// 设置模板引擎为 EJS
app.set('view engine', 'ejs');

// 渲染名为 "index" 的模板,并将数据传递给模板
app.get('/', (req, res) => {
  res.render('index', { title: 'Express.js Blog' });
});

在上面的代码中,我们使用 app.set 方法将模板引擎设置为 EJS。然后,我们使用 res.render 方法渲染一个名为 index 的模板,并将一个包含标题的对象传递给该模板。

结语

通过本快速入门指南,您应该对如何使用 Express.js 构建 Web 应用程序有了基本的了解。Express.js 提供了众多功能和工具,帮助您快速构建高效的 Web 应用程序。

在实际使用中,您可以根据需要深入学习 Express.js 的各种功能,例如路由、中间件、数据库集成等。希望本篇文章能为您在 Express.js 开发中提供一些基础知识和指导。

深入了解 Express.js,请查阅官方文档:https://expressjs.com/


全部评论: 0

    我有话说: