前言
在前端开发中，我们经常需要在本地搭建一个服务器以方便开发和测试。Express.js 是一个非常流行的 Node.js web 框架，可以帮助我们快速搭建一个本地服务器。本文将介绍如何使用 Express.js 搭建本地服务器。
安装
首先，我们需要安装 Node.js。在安装 Node.js 后，可以使用 npm（Node.js 包管理器）来安装 Express.js。在命令行中运行以下命令来安装 Express.js：
npm install express
创建服务器
接下来，我们可以创建一个简单的 Express.js 服务器。在项目根目录下创建一个 app.js 文件，并添加以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ------------------- -- ------- -- ---- ------- ---
这段代码创建了一个基本的 Express.js 服务器。app.get() 方法用于设置路由，当用户访问根路径时，服务器将返回 Hello World!。app.listen() 方法用于启动服务器，并监听端口 3000。
中间件
Express.js 中的中间件是一个函数，可以访问请求对象（request object）和响应对象（response object），并且可以将控制权传递给下一个中间件。中间件可以用于处理请求、响应和错误等。
以下是一个例子：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- -- --- ------------- ---- ----- -- - -------------------- ------------ ------- --- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ------------------- -- ------- -- ---- ------- ---
在这个例子中，我们使用 app.use() 方法来添加一个中间件。该中间件会在每个请求到达服务器时打印当前时间。
路由
在 Express.js 中，路由是指如何定义应用程序的端点（URI）以及如何响应客户端请求的方式。路由由一个 URI、HTTP 请求（GET、POST 等）和若干个处理程序组成。
以下是一个例子：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- -- -- ------------ ----- ---- -- - -------------- ------- --- ----------------- ----- ---- -- - --------------- ------- --- ------------------- ----- ---- -- - ----------------- ------- --- ---------------- -- -- - ------------------- -- ------- -- ---- ------- ---
在这个例子中，我们使用 app.get() 方法来定义三个路由。当用户访问根路径时，服务器将返回 Home Page；当用户访问 /about 路径时，服务器将返回 About Page；当用户访问 /contact 路径时，服务器将返回 Contact Page。
模板引擎
在实际应用中，我们通常需要动态生成 HTML 页面。Express.js 支持多种模板引擎，包括 EJS、Pug 和 Handlebars 等。
以下是一个使用 EJS 模板引擎的例子：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- -- -- --- ---- ------------- -------- ------- -- -- ------------ ----- ---- -- - ------------------- - ------ ----- ----- --- --- ----------------- ----- ---- -- - ------------------- - ------ ------ ----- --- --- ------------------- ----- ---- -- - --------------------- - ------ -------- ----- --- --- ---------------- -- -- - ------------------- -- ------- -- ---- ------- ---
在这个例子中，我们使用 app.set() 方法来设置 EJS 模板引擎。然后，我们可以使用 res.render() 方法来渲染模板并生成 HTML 页面。
结论
本文介绍了如何使用 Express.js 搭建本地服务器。我们学习了如何创建服务器、使用中间件、定义路由和使用模板引擎。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6760e80a03c3aa6a56068d08