正文

新手必看：Express.js 框架入门指南，轻松搭建 Node.js web 应用

/0 浏览量
0604

Express.js 是一个流行的 Node.js web 应用框架，它可以帮助开发者快速搭建出高性能的 web 应用。对于新手来说，Express.js 提供了一个简单易用的接口，使得创建 web 应用变得更加容易。本文将为你详细介绍 Express.js 的基本概念、安装步骤以及如何使用它来搭建一个简单的 Node.js web 应用。

Express.js 简介

Express.js 是由 TJ Holowaychuk 开发的一个简洁、灵活的 Node.js web 应用框架。它遵循 MVC（模型-视图-控制器）设计模式，可以帮助开发者组织代码，提高开发效率。Express.js 的核心特性包括：

  • 轻量级：Express.js 本身非常轻量，没有依赖任何外部库。
  • 中间件：Express.js 支持中间件，可以方便地处理请求和响应。
  • 路由：Express.js 提供了灵活的路由机制，可以方便地定义路由和处理函数。
  • 模板引擎：Express.js 支持多种模板引擎，如 EJS、Pug、Handlebars 等。

安装 Express.js

在开始使用 Express.js 之前，首先需要安装 Node.js 和 npm（Node.js 包管理器）。以下是安装 Express.js 的步骤：

  1. 打开终端或命令提示符。
  2. 输入以下命令安装 Express.js：
npm install express --save

创建第一个 Express.js 应用

现在我们已经安装了 Express.js，接下来将创建一个简单的 Node.js web 应用。

  1. 创建一个新文件夹，例如 my-express-app。
  2. 打开终端，进入该文件夹。
  3. 初始化一个新的 Node.js 项目：
npm init -y
  1. 安装 Express.js：
npm install express --save
  1. 创建一个名为 app.js 的文件，并添加以下代码：
const express = require('express');
const app = express();
const port = 3000;

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

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}/`);
});
  1. 运行应用：
node app.js

现在，打开浏览器并访问 http://localhost:3000/，你应该会看到一个显示 “Hello, World!” 的页面。

路由和中间件

Express.js 的核心是路由和中间件。以下是关于这两个概念的基本介绍：

路由

路由是 Express.js 中用于定义 URL 和处理函数的机制。每个路由都包含一个 URL 匹配模式和一个处理函数，当请求到达匹配的 URL 时，将调用该处理函数。

以下是一个简单的路由示例：

app.get('/about', (req, res) => {
  res.send('About Us');
});

在这个例子中，当用户访问 /about 路径时，服务器将返回 “About Us”。

中间件

中间件是 Express.js 中用于处理请求和响应的函数。中间件可以执行任何操作，如解析请求体、设置响应头部、重定向等。

以下是一个简单的中间件示例：

app.use((req, res, next) => {
  console.log('Request received');
  next();
});

在这个例子中，中间件会在每个请求处理之前执行，并打印 “Request received”。

总结

Express.js 是一个功能强大且易于使用的 Node.js web 应用框架。通过本文的介绍，你应该已经了解了 Express.js 的基本概念、安装步骤以及如何使用它来搭建一个简单的 Node.js web 应用。希望这篇文章能帮助你快速入门 Express.js，并在实际项目中发挥其优势。

-- 展开阅读全文 --