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

我们如果安装了的话,应该会看到如下的类似结果

node 和 npm 安装版本

如何使用 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 ,然后将显示一条消息,如下面的屏幕截图所示。

express  第一个示例


## 阅读前准备知识

我们应该具备 JavaScript(ES6) 和 HTML 的基本知识。 如果不熟悉这些,我们建议您先阅读他们的教程。 一些有关 HTTP 工作原理的知识对于我们理解本教程将非常有帮助(不是必需的)。 了解 MongoDB 的基本知识将帮助我们完成数据库章节。

查看笔记

扫码一下
查看教程更方便