Express.js 中文教程
ExpressJS 是一个 Web 应用程序框架,它为我们提供一个简单的 API 来构建网站、Web 应用程序和后端。 使用 ExpressJS,无需担心底层协议、流程等。
什么是 Express.js
Express 提供了一个最小的接口来构建我们的应用程序。 它为我们提供了构建应用程序所需的工具。 它很灵活,因为 npm 上有许多可用的模块,可以直接插入 Express。
Express 由 TJ Holowaychuk 开发,由 Node.js 基金会和众多开源贡献者维护。
为什么使用 Express.js
与 Rails 和 Django 等竞争对手不同,它们有一种自己的构建应用程序的方式,Express 没有“最好的方式”来做某事。 它非常灵活且可插拔。
Pug
Pug(以前称为 Jade)是一种用于编写 HTML 模板的简洁语言。 它
- 生成 HTML
- 支持动态代码
- 支持可重用性 (DRY)
它是 Express 中最流行的模板语言之一。
MongoDB 和 Mongoose
MongoDB 是一个开源文档数据库,旨在简化开发和扩展。 该数据库还用于存储数据。
Mongoose 是 node.js 的客户端 API,它可以轻松地从我们的 Express 应用程序访问我们的数据库。
Express 安装
要开始使用 Express 框架进行开发,我们需要安装 Node 和 npm(节点包管理器)。 如果还没有安装这些,请转到 Node 安装 教程来在本地系统上安装 node。 通过在终端中运行以下命令来确认已安装 node 和 npm。
$ node --version
$ npm --version
我们如果安装了的话,应该会看到如下的类似结果
如何使用 npm 安装 Express
使用 npm 安装包有两种方法:全局和本地。
- 全局 - 此方法通常用于安装开发工具和基于 CLI 的软件包。 要全局安装包,请使用以下代码。
$ npm install -g <package-name>
- 本地 - 此方法通常用于安装框架和库。 本地安装的包只能在它安装的目录中使用。 要在本地安装软件包,请使用与上面相同的命令,但不带 -g 标志。
$ npm install <package-name>
每当我们使用 npm 创建项目时,我们都需要提供一个 package.json 文件,其中包含有关我们项目的所有详细信息。 npm 使我们可以轻松设置此文件。 让我们建立我们的开发项目。
首先启动终端/cmd,创建一个名为 jiyik_express 的新文件夹并进入其中
$ mkdir jiyik_express
$ cd jiyik_express
现在要使用 npm 创建 package.json 文件,需要运行以下命令。
$ npm init
现在我们已经建立了 package.json 文件,我们将进一步安装 Express。 要安装 Express 并将其添加到我们的 package.json 文件中,请使用以下命令
npm install --save express
要确认 Express 已正确安装,请运行以下代码。
$ ls node_modules #( windows 执行 dir node_modules )
提示
- --save 选项可以替换为 -S 选项。 此选项确保将 Express 作为依赖项添加到我们的 package.json 文件中。 这有一个好处,下次我们需要安装我们项目的所有依赖项时,我们可以运行命令 npm install ,它会在这个文件中找到依赖项并为我们安装它们。
这就是我们使用 Express 框架开始开发所需的全部内容。 为了使我们的开发过程更容易,我们将从 npm 安装一个工具 nodemon。 只要我们对任何文件进行更改,此工具就会重新启动我们的服务器,否则我们需要在每次文件修改后手动重新启动服务器。 要安装 nodemon,请使用以下命令
$ npm install -g nodemon
我们现在可以开始使用 Express。
第一个示例
我们已经创建了开发环境,现在是时候开始使用 Express 开发我们的第一个应用程序了。 创建一个名为 index.js 的新文件并在其中键入以下内容。
var express = require('express');
var app = express();
app.get('/', function(req, res){
res.send("Hello 迹忆客!");
});
app.listen(3000);
保存文件,打开终端并使用以下命令。
$ nodemon index.js
这将启动服务器。 要测试此应用程序,请打开浏览器并访问 http://localhost:3000
,然后将显示一条消息,如下面的屏幕截图所示。
## 阅读前准备知识
我们应该具备 JavaScript(ES6) 和 HTML 的基本知识。 如果不熟悉这些,我们建议您先阅读他们的教程。 一些有关 HTTP 工作原理的知识对于我们理解本教程将非常有帮助(不是必需的)。 了解 MongoDB 的基本知识将帮助我们完成数据库章节。