Node.js 和 Express.js 是当今前端开发领域中最流行的技术之一。它们被广泛应用于构建各种 Web 应用程序，包括单页应用、RESTful API、实时应用程序等等。本文将介绍如何使用 Node.js 和 Express.js 构建更好的 Web 应用程序，让您节省时间和精力。
Node.js 简介
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，由 Ryan Dahl 在 2009 年创建。Node.js 可以在服务器端运行 JavaScript 代码，使得前端开发人员可以使用 JavaScript 编写后端代码。它的优势在于高效的 I/O 操作和事件驱动的非阻塞式编程模型，使得 Node.js 成为构建高性能 Web 应用程序的首选。
Express.js 简介
Express.js 是一个基于 Node.js 的 Web 应用程序框架，由 TJ Holowaychuk 在 2010 年创建。它提供了一组简单、灵活的 API，使得开发人员可以快速构建 Web 应用程序。Express.js 是目前最流行的 Node.js Web 应用程序框架之一，它的优势在于简单易用、灵活可扩展、强大的路由功能等等。
使用 Node.js 和 Express.js 构建 Web 应用程序
下面将介绍如何使用 Node.js 和 Express.js 构建一个简单的 Web 应用程序。在开始之前，您需要安装 Node.js 和 Express.js。
步骤一：创建项目
首先，您需要创建一个新的 Node.js 项目。使用以下命令在终端中创建一个新的项目文件夹：
mkdir myapp cd myapp npm init -y
这将创建一个新的项目文件夹，并在其中创建一个 package.json 文件。
步骤二：安装 Express.js
在终端中运行以下命令，安装 Express.js：
npm install express --save
这将安装最新版本的 Express.js 并将其添加到 package.json 文件中的依赖项列表中。
步骤三：创建服务器
在项目文件夹中创建一个名为 server.js 的文件，并添加以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ------------------- ------- -- ---- ------- ---
这将创建一个基本的 Express.js 应用程序，并在 localhost:3000 上启动服务器。在浏览器中打开 http://localhost:3000，您将看到一个包含“Hello World！”的页面。
步骤四：添加路由
现在，您可以添加一些路由来处理不同的请求。在 server.js 文件中添加以下代码：
app.get('/about', (req, res) => {
res.send('This is the about page');
});
app.get('/contact', (req, res) => {
res.send('This is the contact page');
});这将创建两个新的路由，分别处理 /about 和 /contact 请求。在浏览器中访问这些页面，您将看到相应的响应。
步骤五：添加模板引擎
Express.js 提供了一些流行的模板引擎，如 EJS、Pug 等等。这些模板引擎可以帮助您更轻松地构建动态的 Web 应用程序。以下是如何使用 EJS 模板引擎的示例代码：
首先，安装 EJS 模板引擎：
npm install ejs --save
然后，在 server.js 文件中添加以下代码：
-- -------------------- ---- -------
------------- -------- -------
--------------------- ----- ---- -- -
----- ----- - -
- --- -- ----- ------- --
- --- -- ----- ----- --
- --- -- ----- --------- -
--
----- ---- - ------------ -- ---- --- -------------------------
------------------ - ---- ---
---这将设置 EJS 为默认的模板引擎，并创建一个新的路由，处理 /users/:id 请求。在 /views 文件夹中创建一个名为 user.ejs 的文件，并添加以下代码：
<h1><%= user.name %></h1>
这将创建一个动态的页面，显示用户的名称。在浏览器中访问 /users/1，您将看到 Alice 的名称。
结论
Node.js 和 Express.js 是构建 Web 应用程序的强大工具。它们提供了一组简单、灵活的 API，使得开发人员可以快速构建高效、可扩展的 Web 应用程序。在本文中，我们介绍了如何使用 Node.js 和 Express.js 构建一个简单的 Web 应用程序，并添加了一些路由和模板引擎。希望这篇文章能够对您有所帮助，让您更好地了解如何使用 Node.js 和 Express.js 构建更好的 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6724d1142e7021665e158e34