前言
Express.js 是一个流行的 Node.js Web 应用程序框架,它提供了许多有用的功能和工具,使得开发 Web 应用程序变得更加容易和快速。在本文中,我们将介绍如何快速入门 Express.js 框架,并且通过示例代码来演示如何使用它。
安装
在开始之前,我们需要确保已经安装了 Node.js 和 npm。如果您还没有安装,请前往官方网站下载并安装。
安装 Express.js 框架非常简单,只需要在终端中运行以下命令:
npm install express
创建一个简单的 Express.js 应用程序
现在我们已经安装了 Express.js 框架,让我们创建一个简单的应用程序并运行它。
首先,在您的项目目录中创建一个名为 app.js
的文件,并在其中添加以下代码:
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ---------------- --------- -- ---- -------- ---
在上面的代码中,我们创建了一个 Express 应用程序,并定义了一个路由处理程序来处理 /
路径的 GET 请求。在这个例子中,我们只是简单地向客户端发送了一个字符串 "Hello World!"。
现在,让我们在终端中运行以下命令来启动这个应用程序:
node app.js
这将启动一个本地服务器,并在终端中输出 "App listening on port 3000!"。现在,打开您的浏览器,并访问 http://localhost:3000
,您应该能够看到 "Hello World!" 字符串。
恭喜,您已经成功创建了一个基本的 Express.js 应用程序!
路由
在 Express.js 中,路由是指处理客户端请求的代码。它们指定了客户端请求的 URL 和如何响应该请求。在上面的示例中,我们定义了一个路由来处理 /
路径的 GET 请求。
下面是一个更复杂的示例,我们定义了多个路由来处理不同的 URL:
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ----------------- ----- ---- -- - --------------- ------- --- ------------------- ----- ---- -- - ----------------- ------- --- ---------------- -- -- - ---------------- --------- -- ---- -------- ---
在上面的代码中,我们定义了三个路由来处理不同的 URL。当客户端请求 /
路径时,它将返回 "Hello World!" 字符串;当请求 /about
路径时,它将返回 "About page" 字符串;当请求 /contact
路径时,它将返回 "Contact page" 字符串。
中间件
在 Express.js 中,中间件是指在路由处理程序之前执行的一段代码。它们可以用于执行身份验证、日志记录、错误处理等任务。
下面是一个示例,我们使用中间件来记录客户端请求的 URL 和时间戳:
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------- ---- ----- -- - ------------------- ---------------------- ------------- ------------- ------- --- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ---------------- --------- -- ---- -------- ---
在上面的代码中,我们定义了一个中间件函数,它记录了客户端请求的 URL 和时间戳。这个中间件函数使用了 next
函数,它是一个用于将请求传递给下一个中间件或路由处理程序的函数。
模板引擎
在 Express.js 中,模板引擎是指用于生成动态 HTML 页面的工具。它们可以将数据注入到 HTML 模板中,生成最终的 HTML 页面。
下面是一个示例,我们使用 EJS 模板引擎来生成动态 HTML 页面:
首先,我们需要安装 EJS 模板引擎:
npm install ejs
然后,在我们的应用程序中,我们需要设置 EJS 模板引擎:
const express = require('express'); const app = express(); app.set('view engine', 'ejs');
现在,我们可以创建一个 EJS 模板文件 views/index.ejs
,并在其中添加以下代码:
-- -------------------- ---- ------- --------- ----- ------ ------ --------- ----------- ------- ------ --------- --- ---- -------- ------- -------
在上面的代码中,我们定义了一个简单的 HTML 页面,并使用了 EJS 模板引擎的语法来插入变量 name
。
最后,我们需要定义一个路由来渲染这个 EJS 模板:
app.get('/', (req, res) => { res.render('index', { name: 'World' }); });
在上面的代码中,我们使用 res.render
方法来渲染 index.ejs
模板,并将变量 name
的值设置为 "World"。
结论
在本文中,我们介绍了如何快速入门 Express.js 框架,并演示了如何使用路由、中间件和模板引擎。希望这篇文章对您有帮助,并能够帮助您开始使用 Express.js 框架来构建 Web 应用程序。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/677749d96d66e0f9aa31d052