Module 03 · Express Web Application FrameworkExpress Web 应用框架
Express Web Application FrameworkExpress Web 应用框架
🎥 视频目标:
在观看本视频后,你将能够:
- 描述Express框架
- 解释Express的主要用途
- 下载并安装Express框架
Express框架概述
Express是一个基于Node.js运行时环境的Web应用框架,旨在抽象化低级细节,帮助你更好地组织应用程序,并加速开发过程。Express提供了强大的机制来集成中间件包,并处理不同的超文本传输协议(HTTP)请求方法。
Express框架广泛应用于现代Web开发领域,并且是许多其他框架的基础。它主要有两个用途:
- 构建API
- 设置模板并进行服务器端渲染(SSR)
1. 构建API
使用Express构建API意味着设置一个HTTP接口来与数据层交互。在API的场景下,数据通常以JSON格式通过响应对象(res)返回给客户端。
res.json方法用于通知客户端数据的内容类型,比如是图像还是文本。- 它还可以将JavaScript对象转换为JSON格式,即Stringify数据。
2. 服务器端渲染(SSR)
在服务器端渲染(SSR)中,Express用于设置模板。Express通过结合客户端发送的HTTP请求数据与模板,动态生成HTML、CSS和/或JavaScript代码。生成的HTML/CSS/JavaScript会作为文本发送回客户端,由浏览器渲染页面。
这通常通过Express的res.render方法实现。
与Node.js核心API的对比
Express实现了一个app类,并将其映射到Web资源路径。而当使用Node.js核心API时,http.createServer函数依赖自定义回调函数来解析Web资源路径。
如何使用Express
使用Express框架需要遵循以下五个步骤:
| 步骤 | 描述 |
|---|---|
| 步骤1 | 在Node.js项目的package.json文件中声明Express作为依赖项。 |
| 步骤2 | 运行npm命令下载缺失的模块。 |
| 步骤3 | 导入Express模块并创建Express应用程序。 |
| 步骤4 | 创建一个新的路由处理器。 |
| 步骤5 | 在指定端口启动HTTP服务器。 |
步骤1 & 步骤2:声明Express依赖并下载模块
步骤1:声明Express作为依赖
首先,在项目文件夹中创建一个package.json文件,该文件存储有关Node.js模块的信息,包括以下五项内容:
- name:模块名称
- version:模块的版本号
- description:模块的描述
- main:模块的入口文件
- dependencies:当前模块所需的依赖模块列表
要声明Express作为依赖,可以在dependencies属性中列出Express模块及其版本号。例如:
{
"name": "temperature",
"version": "1.0.0",
"description": "retrieve current weather conditions in the United States",
"main": "app.js",
"dependencies": {
"express": "4.x"
}
}
步骤2:下载缺失的模块
运行npm install命令以下载缺失的模块。当你在Node.js模块目录中运行该命令时,它会解决任何缺失的依赖模块,并将它们下载到node_modules目录中。这种机制允许你在不同的包中使用相同模块的不同版本。例如,一个自定义的Node.js模块可能安装了版本4.0的Express框架,而另一个模块安装了版本5.0。

如果想将Node.js模块安装到共享的node_modules目录中,可以运行npm install <模块名>命令。要下载Express框架,可以在项目文件夹中运行以下命令:
npm install
如果没有提供参数,npm会扫描package.json文件,检查是否缺少任何模块。在这种情况下,npm会下载Express框架及其所有依赖模块。
总结
在本视频中,你学到了以下内容:
- Express是一个第三方模块,提供Web应用框架支持。
- Express主要有两个用途:设置API和实现服务器端渲染(SSR)。
- 安装Express的步骤:
- 在Node.js项目的
package.json文件中声明Express作为依赖。 - 运行
npm命令下载缺失的模块。 - 导入Express模块并创建Express应用。
- 创建新的路由处理器。
- 启动HTTP服务器并指定端口。
- 在Node.js项目的
通过这些步骤,你可以轻松地在Node.js中使用Express来构建Web应用和API!